Angular UI Bootstrap Modal不适用于ng-include

Mis*_*hko 4 angularjs angular-ui angular-ui-bootstrap angularjs-ng-include

实例:http://plnkr.co/edit/wWS3UFB3IZ0cAI4u2x04?p=preview

单击"打开模态1"时,将引发以下错误:

错误:找不到Dialog.open预期模板或templateUrl.使用选项或open方法指定它们.

但是,不使用的Modal 2 ng-include工作正常.

此外,如果ui-bootstrap-tpls-0.1.0.js包括而不是ui-bootstrap-tpls-0.2.0.js,所有工作正常.

有任何想法吗?

jnc*_*ton 10

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

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

老实说,我不太了解这个,为什么这个指令应该是终点,但一个简单的解决方案就是使用ng-include作为模态的子,而不是作为第二个指令作用于同一个元素.这就是我的意思:

<div modal="opened1">
    <ng-include src="'modal1.html'"></ng-include>
</div> 
Run Code Online (Sandbox Code Playgroud)

更新了实例:http: //plnkr.co/edit/KBBOn2T8cbeLfB0Su9jp