更改ngModel值以切换选项卡

Question

我试图在单击“ Cancel按钮（“ sweet alert ）以切换选项卡（ html代码中的div ）后更改ngModel值，但是它不起作用。

这是HTML ：

<div ng-show="tabsMainMenu=='tabOne'">
   <h1>tabOne</h1>
</div>
<div ng-show="tabsMainMenu=='tabTwo'">
   <h1>tabTwo</h1>
</div>

和JS ：

 swal({
     title: 'Cancel?',
     text: 'Are you sure?',
     icon: 'warning',
     buttons: true
 })
 .then((cancel) => {
   if (cancel) {
   // Go back to Tab One 
   $scope.tabsMainMenu = 'tabOne';
   }
});

只有当我将mouse cursor放在html页面上的Cancel按钮上时，它才能识别tabsMainMenu ngModel的新值。

有任何想法吗？

Answer 1

承诺通常是异步的，因此它们不在angular的生命周期内。 这意味着当您的.then函数运行时.then角度不知道任何更改。 所以，你只需要包装的东西你里面.then函数在$scope.apply 。

https://docs.angularjs.org/api/ng/type/$rootScope.Scope#$apply