将参数传递给模态对话框

时间:2013-12-12 14:53:19

标签: javascript angularjs twitter-bootstrap angular-ui-bootstrap

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

http://plnkr.co/edit/MWa3bLMqIkwxmxQ6YDSl

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

resolve

然而,应在对话框控制器中解析的resolve: { item: function() { return angular.copy(item); } } 参数似乎未定义。我在这里缺少什么? 谢谢!

1 个答案:

答案 0 :(得分:4)

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

你有这个:

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

更改为:

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