本文通过一个实例讲述了AngularJS使用ng-repeat和ng-if来达到删除和显示数据的效果。分享给大家参考,如下:
1.首先,反复检查ng-repeat命令
Ng-repeat可以实现内容的重复显示,例如,我们可以编写以下代码
编写angular.module脚本(' myapp ',[])。控制器(' mycontroller ',函数($ scope){ $ scope . data=[{ name : ' yu1 ',age:10,partment 3360 ' product department ' },{name:' yu2 ',age:11,partment : ' product department ' },{name:' yu3 ',age:12,partment : ' business department ' },{ name: ' yu4 '
2.此时的问题是,如果我们要删除部门为“产品部门”的员工,
然后可以使用ng-repeat ng-if的方法,这样就可以实现简单的前端删除
我们只需要简单地添加ng-if='成员。零件=='产品部门会做' ng-repeat后。
按如下方式修改代码:
Tr ng-repeat='数据中的成员' ng-if='成员。part=='产品部门'效果是:
更多对AngularJS感兴趣的读者可以查看本网站的主题:《AngularJS入门与进阶教程》和《AngularJS MVC架构总结》
希望本文对AngularJS编程有所帮助。