2

私は次の機能を持っています：

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>
4

1 に答える 1

3

ngModel ディレクティブで双方向データ バインディングを行う場合、二重中括弧は必要ありません{{}}。二重中括弧は、angular に式を評価して出力を出力するように指示します。プレースホルダーの内容を表示するためにそれらを使用する方法に注意してください。

これが作業バージョンです

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

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

于 2012-12-03T21:50:27.503 に答える