【问题标题】:(newbie) ng-switch in a custom directive breaks two-way binding?(新手)自定义指令中的 ng-switch 会破坏双向绑定?
【发布时间】:2013-08-07 13:42:41
【问题描述】:

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

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

http://plnkr.co/edit/M8gPfRlrVIXHdXREN1ai

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

【问题讨论】:

    标签: angularjs angularjs-directive


    【解决方案1】:

    你正面临这个问题,因为 Ng-Switch 创建了自己的范围

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

    1) 在模型中使用两个点

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

    2) 在模型中使用 $parent

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

    【讨论】:

    • 谢谢! $parent 似乎已经解决了这个问题。
    猜你喜欢
    • 1970-01-01
    • 2012-12-14
    • 2019-07-23
    • 1970-01-01
    • 2015-03-07
    • 1970-01-01
    • 2015-08-15
    • 2015-06-16
    • 1970-01-01
    相关资源
    最近更新 更多