从一个div到另一个div访问ng-model

时间:2015-06-25 13:32:56

标签: javascript html angularjs

我想从一个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>

正如您所看到的,key.field位于一个div中ng-model。我想在另一个div上访问此ng-model值,您可以在其中看到 instanceFilter 。可能吗?在此表示感谢,请解决此问题

2 个答案:

答案 0 :(得分:1)

通常,您可以在同一范围内的ng-modeldiv中使用相同的"key.field"绑定。

您的代码尝试完成的内容并不明显,但您在ng-repeat div中绑定的ng-repeat与页面其余部分的范围不同在ng-model="key.field"之外。

您应该将key分配给另一个位于外部范围内的变量,而不是{{1}}的一部分,该变量仅包含集合中该单个项目的范围。

答案 1 :(得分:0)

转到那个控制器, 然后分配 $ rootScope.key.field =“”;  **

  

rootScope在整个应用程序中都可用。

**