Question

我是一个新手，我需要一些帮助，因为你可能会觉得太容易了。

我想同时用一个按钮添加不同的输入。我不知道如何管理。这就是我正在做的事情，我被封锁了。我会感谢你的想法。

因此，我的表单显示了每个姓名和输入框，用于输入该人的年龄（我们不知道有多少人在＆＃39;人员中）。最后，提交＆＃39;调用showAll（）函数的按钮。

然后，我只想在console.log中显示数组的内容

HTML：

<form name="myForm3">
  <div class="form-group row" ng-repeat="person in people track by $index">
    <label for="player" class="col-xs-3 col-form-label text-right">{{ person.name }}</label>
    <div class="col-xs-2">
      <input class="form-control" type="text"  ng-model="person.age[$index]" required>
    </div>
  </div>                    
    <button type="submit" class="btn btn-success btn-lg" ng-click="showAll()" >Show all</button>
</form>

controller.js：

  $scope.person = [];
  // POST
    $scope.showAll = function() {
        for (var i=0; i < person.length; i++){ 
    console.log('person: ' + {{ $scope.person[i] }} );

  }
}

Answer 1

您可以使用ng-if或ng-hide隐藏输入，并通过将showAll或true使用的变量设置为false来显示这些输入：

<div class="col-xs-2" ng-if="person.show">
  <input class="form-control" type="text"  ng-model="person.age[$index]" required>
</div>

在showAll：

$scope.showAll = function() {
    for (var i=0; i < $scope.people.length; i++) { 
        $scope.people[i].show = true;
    }
};

Angularjs：行的单个数组中的动态输入

1 个答案: