将嵌套对象与ng-model绑定到实体化表单组件Angular *视频包括*

Question

使用materializecss 0.96和Angular 1.3.15，我的表单组件现在绑定到控制器中的数据。

您可以从下面的标记提取中看到我正在使用ng-model绑定到check.admin.override

<label class="section-title">Allow Client Override</label>
<div class="switch right">
    <label>
        Off
        <input type="checkbox" ng-model="check.admin.override" >
        <span class="lever"></span>
        On
    </label>
</div>

数据结构如下所示

Client: Object {
    admin: Object,
         number_payments_same: "2"
         override: true
         timeframe: "86400"
    client: Object
    ...
}

表单组件不仅不绑定（并显示“on”位置），而且我无法单击该组件。它不会移动！

当我将组件绑定到属于root的一个后代的属性时，我没有遇到任何问题。例如ng-model="check.override"

进一步说明问题，here is a video recording / screencast

由于

Answer 1

这是由于我的代码中的冲突导致我在包含块元素上放置了一个ng-click，这意味着它会干扰交换机