所以我有一个显示为这样的对象数组:
<div class="panel panel-default" ng-repeat="row in jobprofiles">
<div class="panel-heading">
{{row.name}}
</div>
<ul class="list-group alt">
<li class="list-group-item" ng-repeat="competence in row.selectedCompetence">
<div class="media">
<span class="pull-left thumb-sm"></span>
<div class="pull-right text-success m-t-sm">
<button class="btn btn-danger" ng-click="competence.remove()"><i class="fa fa-times"></i></button>
</div>
<div class="media-body">
<div><a href="">{{competence.name}}</a></div>
<small class="text-muted">{{competence.competence_type_id == 1 ? 'Faglig' : 'Personlig'}}</small>
</div>
</div>
</li>
</ul>
正如您所看到的,每个li
都有一个按钮,我想在其中删除内部数组的competence
对象。
谁能告诉我该怎么做?
最佳答案
假设您的工作资料和 selectedCompetence 是对象
<div class="panel panel-default" ng-repeat="(indexRow, row) in jobprofiles ">
<div class="panel-heading">
{{row.name}}
</div>
<ul class="list-group alt">
<li class="list-group-item" ng-repeat="(indexCompetence, competence) in row.selectedCompetence">
<div class="media">
<span class="pull-left thumb-sm"></span>
<div class="pull-right text-success m-t-sm">
<button class="btn btn-danger" ng-click="remove(indexRow, indexCompetence)"><i class="fa fa-times"></i></button>
</div>
<div class="media-body">
<div><a href="">{{competence.name}}</a></div>
<small class="text-muted">{{competence.competence_type_id == 1 ? 'Faglig' : 'Personlig'}}</small>
</div>
</div>
</li>
</ul>
在 Controller 中
$scope.remove(rowIndex, competenceIndex) {
delete $scope.jobprofiles[rowIndex][competenceIndex];
}
如果是数组,可以引用https://docs.angularjs.org/api/ng/directive/ngRepeat
对于
track by
表达。
关于javascript - ng-click 从内部数组中删除项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28877460/