javascript - 从一个div访问另一个div的ng-model

Question

我想从一个 div 到另一个 div 访问 ng-model 值。

HTML:

<div class="form-group" ng-repeat="key in condition.keys">
    <select class="form-control" ng-show="key.aggregator" ng-model="key.aggregator" ng-options="field.name as field.label for (name, field) in aggregators"></select>
    <select class="form-control" ng-model="key.field" ng-options="s.field as s.field for s in subSchema($parent.condition,$index)" ng-change="onFieldChange($parent.condition,$index)" required>
        <option value="">choose one</option>
    </select>
</div>
<div class="form-group mb-left">{{key.field}}
    <select class="form-control" ng-model="condition.operator" ng-options="field.name as field.label for (name, field) in fields | instanceFilter :key.field :condition" required>
        <option value="">choose operator</option>
    </select>
</div>
</div>

正如你所看到的，在一个div的ng-model中有一个key.field。我想在另一个 div 上访问此 ng-model 值，您可以在其中看到 instanceFilter。是否可以？提前致谢，请解决此问题

Answer 1

一般来说，您可以在同一范围内任意数量的 div 中使用相同的 ng-model 绑定(bind)。

您的代码试图完成的任务并不明显，但您在 ng-repeat div 中绑定(bind)的 "key.field" 不在与 ng-repeat 之外的页面其余部分的范围相同。

您应该将 ng-model="key.field" 分配给一个不同的变量，该变量位于外部范围内，而不是 key 的一部分，该变量仅具有您的收藏中该单个项目的范围。