我们如何获取每个输入文本框的Model值？

Question

AngularJS 作用域

$scope.myArrayOfPrimitives = [ 11, 22, 33, 44 ];

<ul>
    <li ng-repeat="(key, num) in myArrayOfPrimitives">
        <input ng-model="num">
    </li>
</ul>
<input type="button" ng-click="getAllNumTextModelValue=()" value="submit">

每个ng-repeat，将创建一个子作用域，并且该子作用域将原型继承自父作用域(childscope = scope.$new()) - 因此，可以使用“li”标签访问父作用域。 . 我使用“num”作为每个子范围的输入文本框的模型名称。因此，将创建一个模型，并将“num”模型值存储在其子范围内。因此，即使 angular 是双向绑定，也不会有任何不匹配。

我想在单击提交按钮时获取所有“num”模型值。

您能告诉我最好的方法是什么吗？

提前致谢

Answer 1

因此，您可以使用 $index 为您提供输入的索引。查看并尝试以下代码。

• {{num[$index]}} ：这将返回输入的值。 示例：输入 1 = 15 所以 num[0] = 15

$scope.myArrayOfPrimitives = [ 11, 22, 33, 44 ];

<ul>
    <li ng-repeat="(key, num) in myArrayOfPrimitives">
        <input ng-model="num[$index]">{{num[$index]}} // 
    </li>
</ul>
<input type="button" ng-click="getAllNumTextModelValue=()" value="submit">