我正在尝试使用简单的模态对话框来编辑Angular应用程序上下文中的列表中的项目。对于模态,我使用UI-Bootstrap(AngularUI),我知道它仍然存在Bootstrap 3的问题,但AFAIK可以用于一些简单的变通方法(除非构建AngularUI的尚未发布的分支)。我在这里创建了一个简单的 repro Plunker :
http://plnkr.co/edit/MWa3bLMqIkwxmxQ6YDSl
示例代码有几个控制器,一个用open
方法打开模态,另一个用save
和close
方法按钮保存和取消。此外,CSS包含一些解决方案,用于处理Bootstrap 3的AngularUI问题。显示模式对话框,但它不接收从调用控制器传递的参数。传递此参数(虚拟{具有id和名称的{1}}对象)我在模态open方法调用中使用item
选项,如:
resolve
然而,应在对话框控制器中解析的resolve: {
item: function() {
return angular.copy(item);
}
}
参数似乎未定义。我在这里缺少什么?
谢谢!
答案 0 :(得分:4)
您需要在控制器注入中注入项目:
你有这个:
ItemDialogController.$inject = ["$scope", "$modalInstance"];
更改为:
ItemDialogController.$inject = ["$scope", "$modalInstance", "item"];