數(shù)據(jù)列表刪除功能,刪除數(shù)據(jù)當(dāng)前行
方法:
通過angular ng-show指令實現(xiàn)铲咨,也就是判斷數(shù)據(jù)行屬性值躲胳。其實每次點擊刪除只不過是改變了當(dāng)前行數(shù)據(jù)屬性值而已。
demo:
之所以"model.deleteState == null",因為首次加載數(shù)組對象纤勒,未聲明當(dāng)前對象屬性
ng-click="vm.delete(model)">刪除
這里泛鸟,點擊刪除時傳入“當(dāng)前對象”,那么在js代碼中修改model.deleteState 狀態(tài)
html:
<tr ng-repeat="x in vm.data" ng-show="x.deleteState == null">
<td>{{x.name}}</td>
</td>
注:之所以為空顯示踊东,因為首次加載該數(shù)組對象未存在deleteState屬性名
js:
vm.delete=function(model) {
model.deleteState = true;
}