AngularJS多次在打开模态对话框时创建其他范围

时间:2013-05-13 18:23:43

标签: angularjs modal-dialog angular-ui angularjs-scope

我有一个带有角度UI引导程序的模态。因为我想在模态中显示十几种不同的形式,所以我在模态中使用了ng-include指令。 src属性正在动态变化。

我在batarang中看到了以下行为(即使对于ng-include使用静态src):

每次打开模态时,都会创建一个额外的范围! 因为这个模态会多次打开和关闭,所以我会得到几十个新的范围,应用程序变得非常慢。

index.html

<body ng-controller="MainCtrl">
  <p><button class="btn" ng-click="showModal()">show Form</button></p>

  <div class="modal" modal="theModal" close="closeModal()">
    <div ng-include src="'form1.html'"></div>
  </div>
</body>

app.js 非常原始:

app.controller('MainCtrl', function($scope) {
  $scope.showModal = function() { 
    $scope.theModal = true; 
  };

  $scope.closeModal =function(){
    $scope.theModal = false;
  };  
});

1 个答案:

答案 0 :(得分:1)

这似乎是角度用户界面中的错误:https://github.com/angular-ui/bootstrap/pull/232