javascript - 根据选择打印多个输入字段

Question

我正在使用 angularjs 构建一个网络应用程序，并且想要一个动态表单。我有一个表单控件，允许您选择 1-10 的数字，我希望当您选择一个数字时，下面会显示该数量的新输入字段。

我将它用于锻炼应用程序，所以假设此选项适用于“代表”。用户选择 5，现在下面显示 5 个输入字段，他们可以在其中输入他们完成的 5 次重复中每一次的信息。

我该怎么做？

Answer 1

出于迭代目的，有 ng-repeat Angular Directive(指令)。

使用ng-repeat使用范围，而不是可迭代集合，您可以创建自己的过滤器(查看 this answer )。

使用该过滤器，您只需在 Controller 范围上创建“reps”选项并编写如下内容: <input ng-repeat="n in [] | range:reps" type="text" name="firstname">