(新手)自定义指令中的ng-switch打破了双向绑定?

时间:2013-08-07 13:42:41

标签: angularjs angularjs-directive

我遇到了一个问题,在自定义指令上以角度进行双向绑定。我有一个指令,它将具有编辑器模式(并具有不同类型的输入)和显示模式。

不幸的是,似乎如果有一个ng-switch,双向绑定会从控件中断开。但是,如果我从外部组件访问它,变量仍保持链接。这是一个非常简洁的示例plunker来显示问题。

http://plnkr.co/edit/M8gPfRlrVIXHdXREN1ai

如果您修改顶部输入,则更改将传播到底部输入。但是如果修改底部输入,则绑定会中断。 如何解决此问题,以便指令中ng-model的更改传播到控制器范围?

1 个答案:

答案 0 :(得分:5)

您正面临此问题,因为Ng-Switch会创建自己的范围

所以这个问题有两个解决方案

1)在模型中使用两个点

http://plnkr.co/edit/E7cE37VfrqatiMX885ZZ?p=preview

2)在模型中使用$ parent

http://plnkr.co/edit/eaFYF5kgOnkhsGpdgzFA?p=preview