试图用NG-重复创建NG-模型绑定

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结合指令不需要双花括号{{}}。双花括号告诉角度计算表达式并打印输出，注意你怎么也得使用它们显示占位符

这里的内容真实

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

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