AngularJs的自定义filter用法

weixin_34326558

于 2015-09-22 12:06:00 发布

阅读量76

点赞数

CC 4.0 BY-SA版权

文章标签： python

原文链接：https://my.oschina.net/u/2351685/blog/509551

本文介绍了如何在 AngularJS 中创建并使用自定义过滤器。通过一个具体的例子展示了如何实现 startsWithLetter 过滤器，该过滤器可以筛选出名称以特定字母开头的项。此外还展示了如何在视图中绑定输入框的值来动态应用过滤。

2019独角兽企业重金招聘Python工程师标准>>>

参考http://toddmotto.com/everything-about-custom-filters-in-angular-js/

1）声明函数

app.filter('startsWithLetter', function () {
  return function (items, letter) {
    var filtered = [];
    var letterMatch = new RegExp(letter, 'i');
    for (var i = 0; i < items.length; i++) {
      var item = items[i];
      if (letterMatch.test(item.name.substring(0, 1))) {
        filtered.push(item);
      }
    }
    return filtered;
  };
});

2）使用函数

<input type="text" ng-model="letter">
<ul>
  <li ng-repeat="friend in person.friends | startsWithLetter:letter">
    {{ friend }}
  </li>
</ul>

转载于:https://my.oschina.net/u/2351685/blog/509551