angularjs - 尝试使用 ng-repeat 创建 ng-model 绑定(bind)

Question

我有以下功能:

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>

Answer 1

使用 ngModel 指令进行双向数据绑定(bind)时，不需要双花括号 {{}}。双大括号告诉 Angular 计算表达式并打印输出，请注意如何使用它们来显示占位符的内容

这是工作版本

<span ng-repeat="entryField in entryFields">
        <input type="text" 
               ng-model="entryField.ngmodel" 
               placeholder="{{entryField.pHolder}}">
</span>

http://jsfiddle.net/jaimem/A8PkC/1/