更改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