根据另一个输入动态添加带有AngularJs的Form

Question

在我的应用程序中，我有一个数字选择器，由于Maike Daloo

，您可以增加和减少

现在我正在尝试遍历数字并使用输入创建表单，以便我可以填写表单并发布它。

Here is a Bin example我想做什么

Q1

我可以从控制器动态添加html吗？

Q2

我应该使用指令吗？我该怎么办？

Answer 1

如果您构建了一个成人数组，myAdults，然后ng-repeated表单，如下所示：jsBin

<form ng-repeat="adult in myAdults">
  <h4>Hello</h4>
  <div class="form-group">
    <label class="col-lg-2 control-label">
      Email
    </label>
    <div class="col-lg-10">
      <input type="text" ng-model="adult.name" placeholder="Email"
             id="inputEmail" class="form-control" />
      {{adult}}
    </div>
  </div>
</form>

和JS：

$scope.adults = 4;
$scope.children = 2;
$scope.myAdults = [];

for (i = 0; i < $scope.adults; i ++) {
  $scope.myAdults.push({});
}

所以：

我可以从控制器动态添加html吗？是的，但你不应该

我应该使用指令吗？我怎么能这样做？如果你去了动态生成HTML的路线，是的，你应该，如果你走的是使用内置的路由{{ 1}}，不需要。