Come posso accedere e testare un filtro AngularJS dalla console del browser?

Question

Dato un filtro di prova, dire che questo 'capitalize' filter che in maiuscolo la prima lettera di ogni parola:

return function (input) { 
    return (!!input) ? input.replace(/([^\W_]+[^\s-]*) */g, function (txt) { 
    return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase(); 
    }) : ''; 
} 

Come può questo filtro essere testato dal console JavaScript del browser?

Answer 1

I filtri possono essere chiamati in associazione modello HTML {{myString | maiuscola}}, ma per accedervi nel browser abbiamo un'opzione eccellente. Considerate questo:

$filter('filter')(array, expression, comparator) per Angular $filter documentation

Realizzando un filtro può essere chiamato tramite il servizio $filter, è possibile così l'accesso, chiamare e testare il filtro capitalize in questo modo:

angular.element(document.body).injector().get('$filter')('capitalize')('capitalization test')

Il risultato nella console? "Capitalization Test"

Che dire di un filtro con più di un input? Basta aggiungere il parametro, ad esempio, se il filtro capitalize aveva un secondo parametro booleano per limitare capitalizzazione alla prima parola unica:

angular.element(document.body).injector().get('$filter')('capitalize')('capitalization test', true)

O

angular.element(document.body).injector().get('$filter')('capitalize').apply(null, ['capitalization test', true])

Complimenti a questo SO articolo e post di blog correlati per la pubblicazione sull'accesso ai servizi dalla console: access service from console.