设置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-模型动态无填充文本框

回答

相关问题