本文将为您提供关于如何在angular.js中从另一个过滤器调用一个过滤器的详细介绍，我们还将为您解释angularjs过滤器的相关知识，同时，我们还将为您提供关于ActiveAdmin：另一个过滤器

本文将为您提供关于如何在angular.js中从另一个过滤器调用一个过滤器的详细介绍，我们还将为您解释angularjs 过滤器的相关知识，同时，我们还将为您提供关于ActiveAdmin：另一个过滤器更改时刷新过滤器选项、angularJs - $filter过滤器使用和自定义过滤器、angularjs – 为Angular JS中的对象变量指定一个过滤器、angularjs – 如何在angular2中的列表中应用搜索过滤器？的实用信息。

• 如何在angular.js中从另一个过滤器调用一个过滤器（angularjs 过滤器）
• ActiveAdmin：另一个过滤器更改时刷新过滤器选项
• angularJs - $filter过滤器使用和自定义过滤器
• angularjs – 为Angular JS中的对象变量指定一个过滤器
• angularjs – 如何在angular2中的列表中应用搜索过滤器？

如何在angular.js中从另一个过滤器调用一个过滤器（angularjs 过滤器）

我有一个过滤器linkifyStuff，其中需要使用其他过滤器处理一些变量。我无法弄清楚从另一个调用一个过滤器的语法。

我了解过滤器链接-这不是我想要的。我想将过滤器应用于linkifyStuff过滤器中的局部变量，而不是其输入或输出。

我希望像下面这样工作，但是$ filter（’filtername’）显然不是正确的语法。

module.filter(''sanitizeStuff'', function() {    // ...})module.filter(''prettifyStuff'', function() {    // ...})module.filter(''linkifyStuff'', function($filter) {    return function(text) {        // ...        // ...        return $filter(''sanitizeStuff'')(foo) + '' whatever '' + $filter(''prettifyStuff'')(bar)    }})

我可以为sanitizeStuff和sanitizeStuff编写一个普通的js函数，然后从这些过滤器中调用该函数，但这似乎是错误的。关于如何以角度的方式做任何建议？

谢谢。

答案1

将过滤器注入linkifyStuff使用<filterName>Filter语法。像这样：

app.filter(''linkifyStuff'', function(sanitizeStuffFilter,prettifyStuffFilter) {    return function(text) {        return sanitizeStuffFilter(text) + '' whatever '' + prettifyStuffFilter(text);    }});

演示

ActiveAdmin：另一个过滤器更改时刷新过滤器选项

ActiveAdmin ...
  filter :company,as: :select,collection: proc { Company.pluck(:name,:id) }
  filter :company_user,as: select,collection: proc { CompanyUser.pluck(:name,:id) }

class Company < ActiveRecord::Base
  has_many :company_users,inverse_of: :company,dependent: :destroy
end

class CompanyUser < ActiveRecord::Base
  belongs_to :company,inverse_of: company_users
end

#1
<divng-repeat="contest in contests | filter:{votingOver:true}">
    <contestreport></contestreport>
</div>

#2
<div ng-init="reportFilter = {votingOver:true}"></div>
<divng-repeat="contest in contests | filter:reportFilter">
    <contestreport></contestreport>
</div>

<div ng-init="(reportFilter = '{votingOver:true}')"></div>

//html
  <div ng-init="reportFilter = {votingOver:false}"></div>
<divng-repeat="contest in contests | filter:reportFilter">
  {{contest | json}}
</div>

  </div>

//js in controller
  $scope.contests = [
    {id:1,title:'1',votingOver:false},{id:2,title:'2',votingOver:true},{id:3,title:'3',votingOver:true}
    ];

import { Pipe,PipeTransform} from '@angular/core';

@Pipe({
    name: 'searchFilter'
})
export class SearchFilter implements PipeTransform {
    transform(items: any[],criteria: any): any {

        return items.filter(item =>{
           for (let key in item ) {
             if((""+item[key]).toLocaleLowerCase().includes(criteria.toLocaleLowerCase())){
                return true;
             }
           }
           return false;
        });
    }
}

    @Component({
      selector: 'sites-component',template: `
        <input #search  (keyup)="0">
        <ul>
          <li *ngFor="let site of (sites | searchFilter: search.value )">(...)</li>
        </ul>
      `
    })
    export class SitesComponent{
       sites : Array;
    }