Angularjs ng-model在ng-if中不工作

发布时间：2020-12-17 09:21:08 所属栏目：安全来源：网络整理

导读：这里是小提琴显示的问题。 http://jsfiddle.net/Erk4V/1/ 如果我在ng-if里面有一个ng-model，模型就不能按预期工作。我想知道这是一个错误，或者如果我误解了正确的使用。 div ng-app div ng-controller="main" Test A: {{testa}}br / Test B: {{testb}}br

这里是小提琴显示的问题。 http://jsfiddle.net/Erk4V/1/

如果我在ng-if里面有一个ng-model，模型就不能按预期工作。

我想知道这是一个错误，或者如果我误解了正确的使用。

<div ng-app >
    <div ng-controller="main">

        Test A: {{testa}}<br />
        Test B: {{testb}}<br />
        Test C: {{testc}}<br />

        <div>
            testa (without ng-if): <input type="checkbox" ng-model="testa" />
        </div>
        <div ng-if="!testa">
            testb (with ng-if): <input type="checkbox" ng-model="testb" />
        </div>
        <div ng-if="!someothervar">
            testc (with ng-if): <input type="checkbox" ng-model="testc" />
        </div>

    </div>
</div>

ng-if指令与其他指令一样创建一个子范围。看到这个小提琴： http://jsfiddle.net/Erk4V/4/

因此，您的复选框会更改子范围内的testb，而不会更改外父范围。

请注意，如果要修改父作用域中的数据，则需要修改对象的内部属性，如在我添加的最后一个div中。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!