<分区>
我想使用 Bootstrap 弹出窗口(来自 Angular-Bootstrap)修改 Controller 的 $scope
上的模型值。弹出框模板似乎正在中断某些连接。
我做了一个小例子来说明我的问题:
指令 1 (master-directive
) 将模型作为隔离范围属性。它的模板是一个显示弹出窗口的按钮。弹出窗口的模板显示了指令 2(子指令
),它通过隔离范围属性提供模型值,并且将包含某种 UI 控件来修改该属性(在演示中,这个只需单击鼠标)。
通常,更改会传播回 Controller (sub-directive
模型双向绑定(bind)到 master-directive
模型,然后双向绑定(bind)到 Controller 模型。但是,当在弹出窗口中使用包含 sub-directive
的模板时,sub-directive
和 master- 之间的双向绑定(bind)指令
已损坏。子指令
中对模型的任何更改都将保留在该指令的本地,不会向上传播。
相关的 Plunkr: http://plnkr.co/edit/3ZnmNUtajXsAHJjCdkkJ?p=preview
这是没有弹出窗口的同一个 Plunkr,证明它可以工作: http://plnkr.co/edit/Mr4djvZCVpEUkgDZpyvV?p=preview
我是否缺少一个步骤来弥补 popover 模块引入的差距?