gpt4 book ai didi

javascript - Angular - 自定义过滤器是如何工作的?

转载 作者:行者123 更新时间:2023-11-30 05:30:57 26 4
gpt4 key购买 nike

我尝试实现自己的过滤器,并且找到了这个工作示例 http://jsfiddle.net/TahmidTanzim/N9Vqk/

但是有几点我不明白:

1) 在下面的代码中,它来自于 clients 数组?我看到了 $scope.clients 字段,但看不到它是如何被注入(inject)到过滤器函数中的

angular.module('App.filters', []).filter('companyFilter', [function () {
return function (clients, selectedCompany) { .....

2) 什么是 filtered ?它只是 () 中过滤的 clients 的名称/别名吗?

<tr data-ng-repeat="client in filtered = (clients | companyFilter:selectedCompany)">

3) 我假设以下函数是自定义过滤器,但该过滤器需要 clients 数组和一些 ID,但该函数不符合该条件。

_.contains($scope.selectedCompany, id)
_.without($scope.selectedCompany, id)
_.pluck($scope.companyList, 'id')

最佳答案

Filter 将它应用的内容作为第一个参数,因此当您执行“smth | filter”时,smth 将作为第一个参数传递给 filter,第二个参数是您在“:”之后添加的内容,例如:“史密斯|过滤器:参数”。过滤函数返回实际的过滤结果。

所以在这种情况下:

<tr data-ng-repeat="client in filtered = (clients | companyFilter:selectedCompany)">

过滤器将采用参数为“selectedCompany”的数组“clients”,返回一个数组,并将传递给 ng-repeat。

关于javascript - Angular - 自定义过滤器是如何工作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27124032/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com