Angularjs 如何将值分配给angular js中动态生成的矩阵中的文本框字段?
我正在用Angular JS创建一个动态矩阵,在矩阵的每个单元格中都有一个输入文本框,我能够为每个文本框字段生成ng模型的动态名称。但是我想根据选择框中选择的选项填充每个输入框的值。在ng更改时,我调用了一个函数来更新输入框,但由于动态ng模型名称的缘故,我很难将值分配给它们。请参阅我的Html:Angularjs 如何将值分配给angular js中动态生成的矩阵中的文本框字段?,angularjs,Angularjs,我正在用Angular JS创建一个动态矩阵,在矩阵的每个单元格中都有一个输入文本框,我能够为每个文本框字段生成ng模型的动态名称。但是我想根据选择框中选择的选项填充每个输入框的值。在ng更改时,我调用了一个函数来更新输入框,但由于动态ng模型名称的缘故,我很难将值分配给它们。请参阅我的Html: <table id="hq-matrix-table" class="table table-bordered"> <thead>
<table id="hq-matrix-table" class="table table-bordered">
<thead>
<tr class="column-label">
<td>#</td>
<td ng-repeat="column in columns">[[column]]</td>
</tr>
</thead>
<tbody class="price-matrix-table">
<tr ng-repeat="row in rows">
<td class="row-label">[[row]]</td>
<td ng-repeat="column in columns" >
<div class="input-group" ng-hide="column == '0' && row =='0'">
<span class="input-group-addon">$</span>
<input ng-model="cells[[row +''+ column]]" id="cell.[[ row ]]_[[column ]]" ng-class="myVar" ng-click ="myVar='input-matrix'" placeholder="No Price" type="text" class="form-control" />
</div>
</td>
</tr>
</tbody>
</table>
并在选择框上进行更改
<select ng-change="updateMatrixCells(section.costPerOption, [[section.id]] )" id="select[[section.id]]" name="costPerOption" ng-model="section.costPerOption" id="costPerOption" class="form-control selectpicker" data-live-search="true" onchange="$(this).selectpicker('refresh');">
<option ng-repeat="cost in readyCosts" value="[[ cost.value ]]" >[[ cost.name ]]</option>
可以使用行$index和列$index获取要更新的确切单元格
<input ng-model="cells[$parent.$index][$index]" ng-class="myVar"
ng-click ="myVar='input-matrix'" placeholder="No Price"
type="text" class="form-control" />
我已经设法给ng模型一个动态值,比如,但我无法通过控制器给它们赋值。使用$scope.cells.cells不理解与select box相关的问题实际上我需要的是,textbox的值将根据select box的值进行更改。正如您在上面的代码中所看到的,我已经创建了一个选择框字段,在更改该字段时,我必须更改文本框的值。在更改选择框时调用函数,我将传递所选选项的值。