angularjs - Angular UI Bootstrap Modal 不适用于 ng-include

Question

现场示例:http://plnkr.co/edit/wWS3UFB3IZ0cAI4u2x04?p=preview

点击“Open Modal 1”时，抛出以下错误:

Error: Dialog.open expected template or templateUrl, neither found. Use options or open method to specify them.

但是，不使用 ng-include 的 Modal 2 工作正常。

此外，如果包含 ui-bootstrap-tpls-0.1.0.js 而不是 ui-bootstrap-tpls-0.2.0.js ，则一切正常。

有任何想法吗？

Answer 1

我相信这个问题是将 modal 指令更改为终端的结果。这意味着其他指令(例如 ng-include)不会与 modal 一起处理。这是进行此更改的提交:

https://github.com/angular-ui/bootstrap/commit/ec796ec2299d03ddfb821e97047c0329f11ab962#src/modal/modal.js

老实说，我对此并不了解，无法确切知道为什么该指令应该是终端，但一个简单的解决方案是将 ng-include 用作 modal 的子级，而不是作为作用于同一元素的第二个指令。这就是我的意思:

<div modal="opened1">
    <ng-include src="'modal1.html'"></ng-include>
</div> 

更新的实时示例:
http://plnkr.co/edit/KBBOn2T8cbeLfB0Su9jp