Question

Please see this screen shot我需要一些帮助。当我点击特定行时，我想将动态表的行数据填充到表单中。当我尝试这个html元素时，我点击表行时重复数据，但我需要的元素不应重复只有数据应该更改。这是我的模板代码

    <table class="table2">
<tr>
    <th>'Player'</th>
    <th>Age</th>
</tr>
<tr ng-repeat=" usr in fc.saveData" ng-click="fc.fnRowClick(usr)">
		<td>{{usr.player}}</td><td>{{usr.age}}</td>
	</tr>
</table>
<div ng-repeat="data in fc.displayData track by $index">
<label for="field1">
<span>Name</span><input type="text" name="field1" required="true" ng-model="data.player"/>
</label>
<label for="field2">
<span>Age</span><input type="text" name="field2" required="true" ng-model="data.age"/>
</label>

</div>

这是我的js代码。

fc.displayData=[];
fc.fnRowClick = function(usr){
		console.log(usr);
		fc.displayData.push(usr);
		console.log(fc.displayData);`
	}

Answer 1

在ng-repeat期间，

html 名称属性正在重复。这可能会导致这个问题。变化：

<label for="field1">
<span>Name</span><input type="text" name="field1" required="true" ng-model="data.player"/>
</label>

到此：

<label for="field1{{$index}}">
<span>Name</span><input type="text" name="field1{{$index}}" required="true" ng-model="data.player"/>
</label>

对第二个标签执行相同操作。

Angular JS关于以

1 个答案: