angular开发总结一

2017-07-13  本文已影响0人  沉默的鱼fish

数据列表删除功能,删除数据当前行

方法:

通过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;

}

上一篇 下一篇

猜你喜欢

热点阅读