Comment puis-je accéder et tester un filtre AngularJS à partir de la console du navigateur?

Question

un filtre Étant donné test, dire 'capitalize' filter qui majuscule la première lettre de chaque mot:

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

Comment ce filtre peut être testé à partir de la console JavaScript d'un navigateur?

Answer 1

Les filtres peuvent être appelés dans la liaison de modèle HTML {{myString | capitaliser}}, mais pour y accéder dans le navigateur, nous avons une excellente option. Considérez ceci:

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

La réalisation d'un filtre peut être appelé via le service $filter, vous pouvez ainsi accéder, appeler et tester le filtre capitalize cette façon:

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

Le résultat dans la console? "Capitalization Test"

Qu'en est-il d'un filtre avec plus d'une entrée? Il suffit d'ajouter le paramètre, par exemple si le filtre capitalize avait un second paramètre booléen pour limiter la capitalisation au premier mot seulement:

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

OU

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

Kudos à ce SO article et entrées de blog liées à la publication sur l'accès aux services depuis la console: access service from console.