2017-06-13 63 views
4

我用AngularJS V1.5.3 & vendor.bundle.js和app.bundle.jsAngularjs变量值没有更新第一次与sweetAlert是成功

在该点击,以显示按钮和显示SwaI位确认框,我按'是,显示它!'按钮和DIV没有显示,但是,我按第二次则显示这个div,我的意思是$ scope.displayDiv值改变但第一次 没有任何影响,请给我解决

在这里,我贴我的代码:

<div class="input-group" ng-show="displayDiv" > 
     DOM data 
</div> 
<button class="" ng-click="disDiv()">Show</button> 


    $scope.displayDiv=0; 
    $scope.disDiv = function() { 
      swal({ 
       title: 'Are you sure?', 
       text: "You won't to display", 
       type: 'warning', 
       showCancelButton: true, 
       confirmButtonColor: '#3085d6', 
       cancelButtonColor: '#d33', 
       confirmButtonText: 'Yes, display it!', 
       cancelButtonText: 'No, cancel!', 
       confirmButtonClass: 'btn btn-success', 
       cancelButtonClass: 'btn btn-danger', 
       buttonsStyling: false 
      }).then(function() { 
       $scope.displayDiv=1; 
      }); 
     }; 
+2

请不要在angularjs相关问题上使用角标记 –

+1

成功事件不在角度世界。用户$ scope。$ apply – seyfside

+0

非常感谢'seyfside',它的工作正常... –

回答

1

试试下面的函数可能会有所帮助。

<div class="input-group" ng-show="displayDiv" > 
     DOM data 
</div> 
<button class="" ng-click="disDiv()">Show</button> 


    $scope.displayDiv=0; 
    $scope.disDiv = function() { 
      swal({ 
       title: 'Are you sure?', 
       text: "You won't to display", 
       type: 'warning', 
       showCancelButton: true, 
       confirmButtonColor: '#3085d6', 
       cancelButtonColor: '#d33', 
       confirmButtonText: 'Yes, display it!', 
       cancelButtonText: 'No, cancel!', 
       confirmButtonClass: 'btn btn-success', 
       cancelButtonClass: 'btn btn-danger', 
       buttonsStyling: false 
      }).then(function() { 
       $scope.$apply(function() { 
         $scope.displayDiv=1; 
        }); 
      }); 
     }; 

我有添加以下功能中。然后

$ $范围应用(功能(){$ scope.displayDiv = 1; })。

+0

非常感谢,它正在工作...... –

相关问题