angularjs如何使用filter过滤器

 时间:2024-10-14 14:37:27

1、首先我们新建一个Web项目来做演示,我这里建的是net的MVC项目,如下图所示:

angularjs如何使用filter过滤器

2、然后我们打开Index.cshtml文件,在文件中写入如下的html代码,我们放置了angular相关的内容,如下图所示:

angularjs如何使用filter过滤器

3、接下来我们要准备控制器,并准备一个集合数据用于展示了,如下图所示,准备了4组数据

angularjs如何使用filter过滤器

4、下面我们运行一下程序,你会在浏览器中看到如下内容的输出

angularjs如何使用filter过滤器

5、然后我们回到Index.cshtml文件,我们在ng-repeat后面加一个filter过滤,如下图所示:

angularjs如何使用filter过滤器

6、再次运行程序,你会看到如下图的输出样式,把我需要的名称过滤出来了。

angularjs如何使用filter过滤器

7、当然如果你想过滤比如按age字段大于某个值的,就需要写一个处理方法了,然后在filter中调用处理方法,如下图所示:

angularjs如何使用filter过滤器
  • angularjs如何在控制器中使用filter
  • 服务之-过滤器filter-angularJs
  • AngularJS表单验证功能
  • angularjs如何遍历数组
  • AngularJS中使用three.js
  • 热门搜索
    红枣怎么吃最好 大叔韩语怎么说 gta5怎么下载 比亚迪怎么样 马超怎么死的 喉咙里有异物感是怎么回事 怎么补充胶原蛋白 退税怎么算 怎么补充胶原蛋白 史密斯燃气热水器怎么样