数据列表删除功能,删除数据当前行
方法:
通过angular ng-show指令实现,也就是判断数据行属性值。其实每次点击删除只不过是改变了当前行数据属性值而已。
demo:
之所以"model.deleteState == null",因为首次加载数组对象,未声明当前对象属性
ng-click="vm.delete(model)">删除
这里,点击删除时传入“当前对象”,那么在js代码中修改model.deleteState 状态
html:
<tr ng-repeat="x in vm.data" ng-show="x.deleteState == null">
<td>{{x.name}}</td>
</td>
注:之所以为空显示,因为首次加载该数组对象未存在deleteState属性名
js:
vm.delete=function(model) {
model.deleteState = true;
}
网友评论