SweetAlert2，.then（） - 不立即更新DOM-Java 学习之路

THE PROBLEM:
我想在甜蜜警报上单击“确定”后将用户重定向到另一个页面，但是在我出于某种原因打开另一个甜蜜警报之前，用户不会被重定向 .
您可以在代码上断点，但页面上没有任何反应 .

问题的简单示例：http://jsfiddle.net/ADukg/14306/

NOTE ：包括0秒超时"solves the problem"

重现：
1）注意箭头后面的文字.. $ scope.name = "original"，你可以看到它显示在页面上 .
2）单击"click first"按钮 . 这运行函数$ scope.changeMe（），它将$ scope.name更新为"delayed......."
3）到现在为止，按钮上方的文本应该已经改变 . 但是，直到你打开另一个甜蜜警报，文本才真正改变
4）单击"then here"或"click first"按钮，弹出另一个甜蜜警报，DOM将最终更改 .

我很确定这与AngularJS有某种关系，必须使用1.4.3 .

有任何想法吗？

HTML：

<div ng-controller="MyCtrl">
  <div>
    <button ng-click="changeMe()">click first</button>
    <button ng-click="decoy()">then here</button>
  </div>
  <div>
    <button ng-click="reset()">reset text</button>
  <div>
</div>

JS：

var myApp = angular.module('myApp',[]);

myApp.controller("MyCtrl", function($scope, $timeout) {
    $scope.name = 'original';
    $scope.copy = angular.copy($scope.name);

    $scope.changeMe = function() {
      swal("Text should change now")
      // runs on hitting "OK"
      .then(function() {
                  // UNCOMMENT THIS and re-run the fiddle to show expected behavior
          // $timeout(function() { $scope.displayErrorMsg = false; }, 0);
          $scope.name = 'delayed.......'
      })
    }

    $scope.decoy = function() {
        swal("Look at the text now");
    }

    $scope.reset = function() {
        $scope.name = $scope.copy;
    }
})

1 回答

1
我看到你的小提琴有些问题

1）swal不是一个角度库 . 所以它不会与角度摘要周期一起工作，这就是为什么它只在调用$ timeout后才能工作 . this教程解释了为什么以及如何解决它 .

2）我看到你添加了ng sweet alert作为依赖，但是在angular之前调用它，所以它不会在你的小提琴中注册并且存在控制台错误 .

3）如果您尝试使用ng-sweet-alert，则不使用此语法 . 您需要先将其包含在依赖中
```
var myApp = angular.module('myApp',['oitozero.ngSweetAlert']);
```
并且它不会返回承诺，需要以不同方式调用它 .
```
SweetAlert.swal("Here's a message");
```
回复于 2024-05-14T10:41:42+08:00

SweetAlert2，.then（） - 不立即更新DOM

1 回答

相关问题