javascript - 使 2 ng-repeats 内的模型可以在任何地方访问

Question

此内容全部从 Firebase 中提取，因此不是预定义的(它是动态的)。

{{inputs.field[field.$id]}}
<div ng-repeat="field in fields | filter:{fieldID:field.$id}">
    {{field.label}}
    <div ng-repeat="choice in choices | filter:{fieldID:field.$id}">
        <input type="text" ng-model="inputs.field[field.$id]">
        {{inputs.field[field.$id]}}
    </div>
</div>

如果您注意到我试图在 2 个位置显示 inputs.field[field.$id] ng-model，分别位于 ng-repeat 内部和外部，它内部显示正确，但外部没有任何显示。

我尝试了 $parent 调用，但这只工作了一级(例如:$parent.inputs.field[field.$id])我需要一个使内部变量可以随处访问(无限升级)并可以通过相同的变量名称访问(但也是唯一的)的方法。

Answer 1

在 JS 中的 Controller 级别声明变量。

假设您有 FireBaseCtrl，然后首先在其中定义 $scope.inputs = {}。

在您的 View 中使用FireBaseCtrl.inputs.field[field.$id]