Question

这是我的问题：

我正在使用ng-repeat从数组创建输入字段。 [a，b，c，...]

我有一个按钮，可以添加更多空白输入字段。

点击保存按钮后，我希望能够从输入字段创建一个新数组。

所以我想要迭代ng-model (item-1, item-2, item-3,...)跟踪每个输入，然后在我点击保存时迭代它们。但这要求我让每个输入都绑定一个不是来自[a，b，c，....]的新变量。

所以我要问的是如何用AngularJS做这个伪代码。

<input ng-repeat="letter in letters" 
  set-value="letter.value" 
  bind-to-model="someNewVariable">

Answer 1

见这个例子：

Html：

<div class="addcontend">
      <div ng-repeat="item in inputs track by $index">
        <input ng-model="inputs[$index]" ng-value="item" />
        <button ng-click='getVal(item)'>get input value</button>
      </div>
  </div>
  <button ng-click="addfield()">Add field</button>
  <button ng-click="log()">log</button>

控制器：

 app.controller('cntr',function($scope){
    $scope.inputs = ['a', 'b'];

    $scope.addfield = function(){
       $scope.inputs.push('')
    }

    $scope.getVal = function(v){
       alert(v);
    }

    $scope.log = function() {
      console.log($scope.inputs)
    }
 })

有没有办法将输入绑定到值并跟踪不同的ng模型？

1 个答案: