2

angular-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;
  };  
});
4

1 に答える 1