AngularJS:ng-repeat内的ng模型?
发布时间:2020-12-17 08:09:15 所属栏目:安全 来源:网络整理
导读:我正在尝试用ng-repeat生成表单输入。 注意:“customFields”是一个字段名称数组:[“Age”,“Weight”,“Ethnicity”]。 div class="control-group" ng-repeat="field in customFields" label class="control-label"{{field}}/label div class="controls
我正在尝试用ng-repeat生成表单输入。
注意:“customFields”是一个字段名称数组:[“Age”,“Weight”,“Ethnicity”]。 <div class="control-group" ng-repeat="field in customFields"> <label class="control-label">{{field}}</label> <div class="controls"> <input type="text" ng-model="person.customfields.{{field}}" /> </div> </div> 什么是最佳/正确的方式来设置’模型’?我想把它作为person.customfields.’fieldname’发送到服务器,其中fieldname来自customFields中的’field’。 <div ng-app ng-controller="Ctrl"> <div class="control-group" ng-repeat="field in customFields"> <label class="control-label">{{field}}</label> <div class="controls"> <input type="text" ng-model="person.customfields[field]" /> </div> </div> <button ng-click="collectData()">Collect</button> </div> function Ctrl($scope) { $scope.customFields = ["Age","Weight","Ethnicity"]; $scope.person = { customfields: { "Age": 0,"Weight": 0,"Ethnicity": 0 } }; $scope.collectData = function () { console.log($scope.person.customfields); } } 你可以试试here。 更新: 为了验证,诀窍是把< ng-form>在中继器内。请try。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容