angularjs - 在 Angular 中使用 ng-repeat 获取/设置动态生成的输入字段的值

Question

我有一个输入字段，一旦填充了一个数字就会填充其他输入字段的数量。我不知道如何在那些生成的输入字段中插入值。感谢任何帮助，哦，我确实尝试了各种方法，甚至尝试了 angular.element，或者只尝试了 jquery，但都失败了，所以欢迎任何关于如何做到这一点的解释。

这是我的 jsfiddle ，以及此处 c/p 的代码:

<div ng-controller="MyCtrl">
    <input type="text" ng-model="cntInputs" placeholder="#Inputs"><br/>

    <input ng-repeat="i in getTimes()" type="text" placeholder="{{i}}" id="input_{{i}}">

    <ul>
        <li ng-repeat="j in getTimes()">
            Inputed value is: {{getValue(j)}}
        </li>
    </ul>
</div>

js:

var myApp = angular.module('myApp', []);


function MyCtrl($scope) {
    $scope.cntInputs = 0;

    $scope.getTimes=function(){
        var a = new Array();

        for(var i=1; i <= $scope.cntInputs; i++)
            a.push(i);

        return a;       
    };

    $scope.getValue = function(id){
        //here get the value of that inserted in the element with the id of "input_" + id
        return angular.element("input_" + id);
    }
}

Answer 1

所以将 ng-model="inputs[i-1]" 添加到您的文本字段

然后在你的 Controller 中添加 $scope.inputs= [];

然后在您的 getValue 函数中:return $scope.inputs[id-1];

如果您使 getTimes 函数基于 0，则不需要 -1

更新了你的 fiddle :http://jsfiddle.net/7MhLd/60/