Javascript 更改ngModel值以切换选项卡
我试图在点击Javascript 更改ngModel值以切换选项卡,javascript,angularjs,sweetalert,Javascript,Angularjs,Sweetalert,我试图在点击取消按钮(甜蜜警报)后将ngModel值更改为切换选项卡(htmlcode中的div),但它不起作用 这是HTML: <div ng-show="tabsMainMenu=='tabOne'"> <h1>tabOne</h1> </div> <div ng-show="tabsMainMenu=='tabTwo'"> <h1>tabTwo</h1> </div> swal(
取消按钮(甜蜜警报
)后将ngModel
值更改为切换选项卡(html
code中的div
),但它不起作用
这是HTML:
<div ng-show="tabsMainMenu=='tabOne'">
<h1>tabOne</h1>
</div>
<div ng-show="tabsMainMenu=='tabTwo'">
<h1>tabTwo</h1>
</div>
swal({
title: 'Cancel?',
text: 'Are you sure?',
icon: 'warning',
buttons: true
})
.then((cancel) => {
if (cancel) {
// Go back to Tab One
$scope.tabsMainMenu = 'tabOne';
}
});
只有当我将鼠标光标
放在html
页面上的取消
按钮上时,它才能识别选项卡主菜单的新值
ngModel
有什么想法吗?承诺通常是异步的,所以它们超出angular的生命周期。这意味着angular在函数运行时不知道任何更改。因此,您只需将这些内容包装在中,然后将函数放入$scope.apply中
承诺通常是异步的,因此它们不在angular的生命周期内。这意味着angular在函数运行时不知道任何更改。因此,您只需将这些内容包装在中,然后将函数放入$scope.apply中