試圖用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/