Angularjs 尝试使用ng repeat创建ng模型绑定
我有以下功能:Angularjs 尝试使用ng repeat创建ng模型绑定,angularjs,Angularjs,我有以下功能: var app = angular.module('Hubbub-FrontEnd', []); app.controller('DataEntryCtrl', function($scope) { $scope.entryFields = [ {pHolder:'ID goes here',ngmodel:"kid"}, {pHolder:'Description goes here',ngmodel:"desc"}, {pHo
var app = angular.module('Hubbub-FrontEnd', []);
app.controller('DataEntryCtrl', function($scope) {
$scope.entryFields = [
{pHolder:'ID goes here',ngmodel:"kid"},
{pHolder:'Description goes here',ngmodel:"desc"},
{pHolder:'Drop Dead Date goes here',ngmodel:"ddd"}
];
});
这在下面的html
中调用
<div ng-controller="DataEntryCtrl">
<span ng-repeat="entryField in entryFields">
<input type="text" ng-model="{{entryField.ngmodel}}" placeholder=
"{{entryField.pHolder}}">
</span>
<button>Add</button>
</div>
添加
使用ngModel指令进行双向数据绑定时,不需要双大括号{{}
。双大括号告诉angular要计算表达式和打印输出,请注意如何使用它们来显示占位符的内容
这是工作版本
<span ng-repeat="entryField in entryFields">
<input type="text"
ng-model="entryField.ngmodel"
placeholder="{{entryField.pHolder}}">
</span>
我面临着同样的问题,但jm的答案不起作用(就我对问题的理解而言)。它只是将输入的文本值设置为json ngmodel字段的值。这并不是在创建绑定。哈哈……我在angularjs的谷歌群组中读到了这篇文章,并找到了一种让它工作的方法