javascript - 如何让 Angular JS ng-init 仅在特定条件下进行？

Question

假设我有以下简短的输入表单:

<form ng-controller="parentController" action="testing.php" method="post">
    <input name="parentInputField" ng-model="x">
    <div ng-controller="childController">
        <div ng-repeat="item in itemList">
            <input name="childInputField[]" ng-model="x">
        </div>
    </div>
</form>

正如你可能已经知道的，childController中的模型x将遵循parentController中模型x的值，直到用户在childController输入字段中输入某些内容，因此用户可以简单地更改parent中的值以进行批量输入和然后对子项进行微调。

现在，在用户提交表单后，我想调用相同的表单进行编辑功能。为了在新项目上保留批量输入功能，有没有办法仅当存在先前的值时才能在 childController 中 ng-init model x ？

Answer 1

还没有尝试过，但我相信你可以通过以下方式实现:

<div ng-init="ctrl.value && (ctrl.value=1)">

但是如果你想要建议，请避免使用 ng-init 和这样的嵌套 Controller :维护这个程序会很痛苦。更喜欢使用 controllerAs 语法 ( https://docs.angularjs.org/api/ng/directive/ngController ) 并将初始化逻辑放在 Controller /服务上。