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

Question

AngularJS范围

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

每个ng-repeat，它将创建一个子范围，并且该子范围将原型继承自父范围（childscope = scope.$new()） - 因此，父范围可以在＆＃34中访问; li＆＃34;我正在使用＆＃34; num＆＃34;作为每个子作用域的输入文本框的模型名称。因此，将会创建一个模型，它将存储＆＃34; num＆＃34;儿童范围的模型值。因此，即使角度是双向绑定，也不会出现任何不匹配。

我想得到所有＆＃34; num＆＃34;单击提交按钮时的模型值。

你能告诉我这样做的最佳方式是什么？

提前致谢

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">