Como chamo um filtro Angular.js com vários argumentos?

297

A partir da documentação , podemos chamar um filtro como data como esta:

{{ myDateInScope | date: 'yyyy-MM-dd' }}

Aqui a data é um filtro que recebe um argumento.

Qual é a sintaxe para chamar filtros com mais parâmetros, tanto dos modelos quanto do código JavaScript?

nh2
fonte

Respostas:

621

Nos modelos, você pode separar os argumentos de filtro por dois pontos .

{{ yourExpression | yourFilter: arg1:arg2:... }}

No Javascript, você chama isso de

$filter('yourFilter')(yourExpression, arg1, arg2, ...)

Na verdade, há um exemplo oculto nos documentos do filtro orderBy .


Exemplo:

Digamos que você faça um filtro que possa substituir as coisas por expressões regulares:

myApp.filter("regexReplace", function() { // register new filter

  return function(input, searchRegex, replaceRegex) { // filter arguments

    return input.replace(RegExp(searchRegex), replaceRegex); // implementation

  };
});

Chamada em um modelo para censurar todos os dígitos:

<p>{{ myText | regexReplace: '[0-9]':'X' }}</p>
nh2
fonte
4
Na vinculação de modelos HTML {{filter_expression | filter: expression: comparator}}, Em JavaScript $ filter ('filter') (expressão_do_filtro, expressão, comparador)
Roman Sklyarov
@pulkitsinghal o que você quer dizer? Mostre seu código problemático no JSFiddle ou Plunker.
Roman Sklyarov 24/03/2014
Teria sido bom se você apenas postou o filtro em Javascript
Obi
1
@ObiOnuorah OK, acabei de traduzir o Coffeescript para Javascript.
Nh2 25/05
1
Coisa boa. Por que essa resposta não está no topo da lista?
Thethakuri 23/06
11

eu mencionei no abaixo, onde eu mencionei o filtro personalizado também, como chamar esses filtros que estão tendo dois parâmetros

countryApp.filter('reverse', function() {
    return function(input, uppercase) {
        var out = '';
        for (var i = 0; i < input.length; i++) {
            out = input.charAt(i) + out;
        }
        if (uppercase) {
            out = out.toUpperCase();
        }
        return out;
    }
});

e a partir do html usando o modelo, podemos chamar esse filtro como abaixo

<h1>{{inputString| reverse:true }}</h1>

aqui, se você vir, o primeiro parâmetro é inputString e o segundo parâmetro é verdadeiro, o que é combinado com "reverse" usando o símbolo:

Bravo
fonte
4

Se você quiser chamar seu filtro dentro de ng-options, o código será o seguinte:

ng-options="productSize as ( productSize | sizeWithPrice: product )  for productSize in productSizes track by productSize.id"

onde o filtro é sizeWithPriceFilter e possui dois parâmetros product e productSize

shacharsol
fonte
1

como isso:

var items = $filter('filter')(array, {Column1:false,Column2:'Pending'});
Amay Kulkarni
fonte
0

Se você precisar de duas ou mais transações com o filtro, é possível encadeá-las:

{{ value | decimalRound: 2 | currencySimbol: 'U$' }} 
// 11.1111 becomes U$ 11.11
Jonatas Marinho
fonte
possível duplicado: stackoverflow.com/questions/16227325/…
sjokkogutten
1
Não aborda a pergunta "Como chamo um filtro Angular.js com vários argumentos?" (em vez de "Como chamo vários filtros?")
rom99 15/04/16
-1

Nesse código, jsondata é nossa matriz e, em função de retorno, estamos verificando a 'versão' presente no jsondata.

var as = $filter('filter')(jsondata, function (n,jsondata){
   return n.filter.version==='V.0.3'
});

console.log("name is " + as[0].name+as[0]); 
Gajender Singh
fonte