将参数传递给模态对话框

Question

我正在尝试使用简单的模态对话框来编辑Angular应用程序上下文中的列表中的项目.对于模态,我使用UI-Bootstrap(AngularUI),我知道它仍然存在Bootstrap 3的问题,但AFAIK可以用于一些简单的变通方法(除非构建AngularUI的尚未发布的分支).我在这里创建了一个简单的repro Plunker:

http://plnkr.co/edit/MWa3bLMqIkwxmxQ6YDSl

示例代码有几个控制器,一个与open它应该开模态方法,和另一种与save和close方法按钮保存和取消.此外,CSS包含一些解决方案,用于处理Bootstrap 3的AngularUI问题.显示模式对话框,但它不接收从调用控制器传递的参数.要传递此参数(item具有id和名称的虚拟对象),我使用resolve模态打开方法调用中的选项,如:

resolve: {
  item: function() {
    return angular.copy(item);
  }
}

但是,item应在对话框控制器中解析的参数似乎未定义.我在这里缺少什么？谢谢!

Answer 1

您需要在控制器注入中注入该项目：

你有这个：

ItemDialogController.$inject = ["$scope", "$modalInstance"];

改成：

 ItemDialogController.$inject = ["$scope", "$modalInstance", "item"];