javascript - 如何在 AngularJs 中通过多个指令与隔离范围绑定(bind) ngModel？

Question

我正在尝试通过 ngModel 在 3 层深的指令层中绑定(bind)到一个属性。这很好，除了中间层包含一个 ng-if 我相信它创建了一个新的范围。此时绑定(bind)丢失。

我创建了一个 jsfiddle 来解释这种情况: http://jsfiddle.net/5fmck/2/

请注意，如果删除 ng-if 指令，它会起作用，但我使用 ng-if 而不是 ng-show性能原因

有谁知道如何从 fiddle 中的“inputDirective”模板更新原始 ngModel？

Answer 1

简单 :3

请记住，创建子作用域 = 使用对 $parent 的引用 :)

<div ng-if='someCondition'>
    <span>In Wrapper</span>
    <input-directive ng-model='$parent.ngModel'></input-directive>
</div>

http://jsfiddle.net/5fmck/3/

//更新

据我所知，仅当 ngModel 是原始而非对象时，您才需要使用对 $parent 的引用。