小编mma*_*mai的帖子

我正在尝试使用angular-bootstrap创建一个Angular指令来模仿confirm()函数.

这是一个显示我想要实现的视觉效果和行为的插图:http://embed.plnkr.co/27fBNbHmxx144ptrCuXV/preview

现在我想使用一个指令来调用模态窗口:

<div ng-controller="ModalDemoCtrl">
     <ul>
         <li ng-repeat="item in items">
              {{ item }} <a ng-really-message="Are you sure ?" ng-really-click="reallyDelete(item)">Delete</a>
         </li>
     </ul>
</div>

我做了一个使用'confirm()'函数的工作指令,但是当我尝试使用模态窗口而不是confirm函数时,我得到一个" $digest already in progress"错误.

插件:http://plnkr.co/edit/JSOInyZIvMtBZFaNvQRO？p = preview

var ModalDemoCtrl = function($scope, $modal) {

  $scope.items = ['item1', 'item2', 'item3'];

  $scope.reallyDelete = function(item) {
    $scope.items = window._.remove($scope.items, function(elem) {
      return elem != item;
    });
  };
};

angular.module('ngReallyClickModule', ['ui.bootstrap'])
  .directive('ngReallyClick', ['$modal',
    function($modal) {

      var ModalInstanceCtrl = function($scope, $modalInstance) {
        $scope.ok = function() { …