ng单击从内部数组中删除项
ng-click remove item from inner array
所以我有一个对象数组,显示如下:
<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>
和控制器
$scope.remove(rowIndex, competenceIndex) {
delete $scope.jobprofiles[rowIndex][competenceIndex];
}
如果它们是数组,可以参考https://docs.angularjs.org/api/ng/directive/ngRepeat
对于
跟踪
表达。
在作用域、能力和内部数组上添加一个移除函数,并使用拼接函数移除项目:
$scope.removeCompetence(competence, selectedCompetence) {
var index = selectedCompetence.indexOf(competence);
selectedCompetence.splice(index, 1);
}
在您的HTML:中
<button class="btn btn-danger" ng-click="removeCompetence(competence, row.selectedCompetence)"><i class="fa fa-times"></i></button>
<button class="btn btn-danger" ng-click="row.selectedCompetence.splice($index, 1)"><i class="fa fa-times"></i></button>
怎么样?
相关文章:
- Mongoose-在更新中删除数组元素
- 在特定索引处剥离/删除数组中的值
- Framework7:使用swipeout删除数组中的项
- Javascript删除数组中某个位置之后的项
- 通过选中和取消选中复选框来添加和删除数组中的值
- 编写删除数组并添加到列表的函数
- Javascript - 删除数组中的重复值
- 在 Kineticjs 中删除数组中的组
- 如何根据数组内容添加/删除数组中的元素
- 用于删除数组中的零的Javascript函数代码
- Javascript-仅使用pop()方法删除数组中的负值
- 删除数组元素并将它们添加回原来的位置
- 如果一个键匹配,如何删除数组元素
- 无法使用拼接删除数组中的元素
- 如何从ko.computed中删除数组项
- 删除数组中的重复项,为什么此代码不起作用
- 使用另一个数组按索引删除数组中的对象
- 在 jquery 中,如何通过索引[“键”] 或值删除数组元素
- 使用 Lodash 删除数组中的元素
- 按索引删除数组元素