我试图在同一页面上创建两个带有angular.js的模态。我刚从angular ui-bootstrap(angular-ui.github.io/bootstrap/)修改了一下代码。这是ui-bootstrap模态的原始plunker 。
我在链接“添加管理器”的页面上成功实现了单个模态,而链接“添加队长”的第二个模式不起作用。这是我的 code-plunker 。我是角色的新手并且坚持到这里。
我也尝试过一些东西,比如更改open函数的名称,为两个模态使用了两个单独的js文件,但没有成功。
还有什么方法可以修改代码,以便模态内容可以保存在单独的不同html文件中,并且可以在运行时访问。
答案 0 :(得分:5)
确保将$modalInstance
而不是$captainModalInstance
注入您的控制器。它与var modalInstance
不一样。
这是固定的plunker: Plunker Preview