具有Angular.js的多个模态

时间:2013-09-26 15:13:49

标签: angularjs modal-dialog

我试图在同一页面上创建两个带有angular.js的模态。我刚从angular ui-bootstrap(angular-ui.github.io/bootstrap/)修改了一下代码。这是ui-bootstrap模态的原始plunker

我在链接“添加管理器”的页面上成功实现了单个模态,而链接“添加队长”的第二个模式不起作用。这是我的 code-plunker 。我是角色的新手并且坚持到这里。

我也尝试过一些东西,比如更改open函数的名称,为两个模态使用了两个单独的js文件,但没有成功。

还有什么方法可以修改代码,以便模态内容可以保存在单独的不同html文件中,并且可以在运行时访问。

1 个答案:

答案 0 :(得分:5)

确保将$modalInstance而不是$captainModalInstance注入您的控制器。它与var modalInstance不一样。

这是固定的plunker: Plunker Preview