UI Bootstrap模式在指令 - 多个模态中,但只打开一个

时间:2016-02-08 20:09:36

标签: javascript angularjs angularjs-directive angular-ui-bootstrap angular-ui

this Plunkr所示,我有两个模态,每个模式都在modal-onemodal-two的单独指令中。

问题是,即使单击模态二按钮,也只会打开模态一。

我猜它与.open上的$scope方法有关,会被覆盖吗?

我该如何预防? 谢谢!

1 个答案:

答案 0 :(得分:3)

基本上在幕后你共享一个范围最长的指令,因为你没有scope属性指令,它设置为false(它将共享范围)。因此,当第一个指令被加载时,它会使用弹出代码注册$scope.open方法。当另一个指令呈现时,它采用相同的范围并覆盖$scope.open方法。

您可以通过使指令范围使用scope: true / scope: {}

来轻松解决此问题

Working Demo

否则你可以共享相同的范围,但是你需要在两个指令之一中更改方法名称。

Other Demo