Javascript Angular.js:仅更新(数据绑定)ng repeat的一项
我有以下html:Javascript Angular.js:仅更新(数据绑定)ng repeat的一项,javascript,angularjs,Javascript,Angularjs,我有以下html: <li ng-repeat="friend in friends"> <span ng-repeat="(key, value) in friend.aktuell"> <input type="text" ng-model="friend.aktuell[key]"> </span> <quick-datepicker ng-model="audi
<li ng-repeat="friend in friends">
<span ng-repeat="(key, value) in friend.aktuell">
<input type="text" ng-model="friend.aktuell[key]">
</span>
<quick-datepicker ng-model="auditDate"></quick-datepicker>
<button ng-click="audit(auditDate, friend._id)" class="btn btn-info">Audit</button>
</li>
如果索引“1”硬编码为“friends[1]”,则上述方法有效,但我当然不想在第二个输入行中更新它,而是在已单击的输入行中更新它
想法:我可以将当前单击的索引器传递给我的审核功能,或者我可以更改输入字段,其中friend.\u id=friend.\u id
截图:
ng repeat中有$index变量可用:
ng-click="audit(auditDate, $index)"
为什么不传递friend引用而不是它的索引
<button ng-click="audit(auditDate, friend)" class="btn btn-info">Audit</button>
很好的答案,作为一个额外的问题,您是否知道我是如何更改ng模型的CSS的:auditDate特定索引的点击设置日期按钮?例如,如果您只想对偶数个按钮进行样式化,则style=背景色:{{generateColor$index}}或class=按钮-{{$index}或ng class={'custom-Button':$index%2==0}。
<button ng-click="audit(auditDate, friend)" class="btn btn-info">Audit</button>
$scope.audit = function(auditDate, friend){
friend.aktuell = {someData:someValues};
});
};