設置NG-模型動態無填充文本框

我有以下的NG-重複設置NG-模型動態無填充文本框

<div ng-repeat="selectedColumn in SelectedListItems" class="form-group"> 
    <label class="control-label col-lg-4">{{selectedColumn.column}}</label> 
    <div class="col-lg-8"> 
     <input ng-model="selectedColumn.column" type="text" value="" class="form-control" /> 
    </div> 
</div>

的SelectedListItems是：

$scope.SelectedListItems = [ 
     { column: 'Description' }, 
     { column: 'Colour' }, 
     { column: 'KW/PS' }, 
     { column: 'Chilometri x 1000 km' }, 
     { column: 'Reg.' }, 
     { column: 'Equipment' }, 
     { column: 'No. PJVA' }, 
     { column: 'Price' } 
    ];

對於每一列的那些我想要一個新的文本。另外，我想爲每個文本框動態設置ng-model，以便我可以使用鍵入的值。

現在我有兩個問題：文本框填充了列的值，也是ng-model是selectedColumn.column在瀏覽器中，當我檢查的文本框，所以我似乎無法明白我怎麼會從這些文本框獲取值。

來源

2015-07-20 Marian Ene

您可以執行以下操作。

<div ng-repeat="selectedColumn in SelectedListItems" class="form-group"> 
    <label class="control-label col-lg-4">{{selectedColumn.column}}</label> 
    <div class="col-lg-8"> 
     <input ng-model="selectedColumn.textInput" type="text" value="" class="form-control" /> 
    </div> 
</div>

並且可以像這樣訪問值。

舉例說明。

$scope.SelectedListItems[0].textInput;

來源

2015-07-20 11:38:56 ngLover

您可以爲陣列中的每個項目添加一個新屬性並將值存儲在那裏。

$scope.SelectedListItems = [ 
     { columnName: 'Description', columnValue:'' }, 
     { columnName: 'Colour', columnValue:'' }  
    ];

HTML

<div ng-repeat="selectedColumn in SelectedListItems" class="form-group"> 
    <label class="control-label col-lg-4">{{selectedColumn.columnName}}</label> 
    <div class="col-lg-8"> 
     <input ng-model="selectedColumn.columnValue" type="text" value="" class="form-control" /> 
    </div> 
</div>

來源

2015-07-20 11:39:47

設置NG-模型動態無填充文本框

回答

相關問題