Question

我是Angular JS + Bootstrap 3的新手，我试图为地图做点什么。问题是我需要打开一个模态，然后从该模态的按钮打开另一个模态。

这是外部html：

<div class="modal-header">
    <h1>Editor<h1>
</div>
<div class="modal-body" >
    <button class="btn btn-primary" ng-click="treureModalEdit()" data-dismiss="modal">Afegir Punt</button>
</div>`

以下是我的示例：http://plnkr.co/edit/Zx68EQ?p=info

如果没有加载的东西是因为库，但我只需要帮助按钮＆＃39; Posa Marcador！＆＃39;是

有些代码是加泰罗尼亚语，对不起，如果不鼓励你帮助我的话。

谢谢！

Answer 1

如果您使用浏览器的开发人员工具进行检查，您打开的第一个模式将会看到此模式的标记附加到HTML body的末尾，这意味着该模式未嵌套在您的<div ng-controller="DialogDemoCtrl">。这反过来意味着模态没有自己的控制器，因此无法“理解”您为按钮定义的ng-click="treureModalEdit()"。

为了解决这个问题，您应该创建第二个控制器并将其用于模态。然后将treureModalEdit()放入第二个控制器。

我对您的代码做了一些其他评论：

您使用data-toggle="modal" data-target="#modalEdit"之类的内容，但是如果您没有Angular应用程序，这就是您打开模式的方式。在你的Angular应用程序中，你实际使用的是你在按钮上放置的ng-click="func()"。因此，您可以从HTML（数据属性和模态模板）中清除所有这些死代码。
如果您是Angular的新手，我建议您使用较新的版本，以避免可能在较新版本中修复的任何问题。你可以使用最新版本（1.4.0）或1.2.x版本来支持IE8（自Angular版本1.3.x以来，它不受官方支持。

如何从模态模板中打开模态？

1 个答案: