javascript - ng-model 中的 html 输入名称 ="foo[]"

标签 javascript angularjs

抱歉想不出一个更有效的标题。在 HTML 中,当我们需要给定名称的多个值时,我们使用此 name="foo[]" 属性。

发布数据时,它以数组形式出现。我想要的是带 Angular ng-model 的这个功能。

原因:我有一个包含多个同名字段的表单,就像在我们写过去经历时的简历中一样。

注意:在说这是重复之前,请正确阅读。我看到有效的问题被标记为重复且没有建设性。

最佳答案

如果在你的 Angular Controller 中你有这样的东西:

$scope.foo = []; //your values in the array

你可以在你的 View 中有这样的东西:

<dd ng-repeat="item in foo">
    <input type="text" ng-model="foo[$index]" value="{{item}}" required/>
</dd>

这就是你需要的?如果您使用 ng-model,则不需要名称,您在表单提交时拥有模型中的数据。

关于javascript - ng-model 中的 html 输入名称 ="foo[]",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31677828/

相关文章:

javascript - cucumber JS : How to export/update global variable outside Given/When/Then step?

javascript - 使用css在某一类元素下方添加图像

javascript - AngularJS DOM 注入(inject)

javascript - Node + AngularJS ngRoute 未显示正确的 View ?

javascript - 如何为带有服务的 Controller 编写单元测试

javascript - 如何将 svg 元素移动到 html5 视频上并同时控制视频播放?

javascript - 我的 html 没有调用 JavaScript 文件

javascript - 构造函数中定义的变量在类方法中不可用

javascript - AngularJS 在事件处理程序(Jasmine)之后使用异步请求测试 Controller

angularjs - 使用 REST 将对象从 spring boot 转移到 angular 的最佳实践是什么