angular ui modal不能引用父范围

Question

我正在使用角度ui模态在我的项目中创建模态.

一切正常,直到我需要在父范围内引用变量.看看plunker代码

似乎modal无法访问父范围.无论如何要克服这个？

Answer 1

$rootScope默认使用Angular UI的模态(请参阅此处的文档).

scope打开模式时,可以使用自定义作用域传递参数 - 例如,scope: $scope如果要传递父作用域.模态控制器将从该范围创建子范围,因此您只能将其用作初始值.

Answer 2

您需要在$ modal选项中引用父作用域.角度文档

纠正了Plunker版本

下面是我为了使其工作而添加的代码片段.

var modalInstance = $modal.open({
  templateUrl: 'myModalContent.html',
  controller: ModalInstanceCtrl,
  scope:$scope, //Refer to parent scope here
  resolve: {
    items: function () {
      return $scope.items;
    }
  }
});