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

标签 javascript jquery html angularjs

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

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

我该怎么做?

最佳答案

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

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

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

关于javascript - 根据选择打印多个输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33111852/

相关文章:

javascript - 如何使用 canvas.toDataURL() 将 Canvas 保存为图像?

jquery - 如何在 jquery/css 中设置 session 变量?

html - flex 容器中的元素不包装

javascript - 我有一个字符串,想使用 javascript 删除其特定部分中的特殊字符

html - 在 HTML/CSS 中将表单及其标签居中

javascript - 动态内容上的滑动切换

javascript - FadeIn 和 FadeOut 跳转页面

javascript - 重定向 react 路由器中的所有路由

javascript - 如何有效地将通过 javascript 对 html 文档所做的本地更改更改回服务器?

javascript - 使用 jQuery 获取当前 URL?