AngularJS filtresini tarayıcı konsolundan nasıl erişebilir ve test edebilirim?

Question

demek, bir test filtresi Verilen her kelimenin ilk harfini büyük olacak bu 'capitalize' filter: Bu nasıl filtre tarayıcının JavaScript konsolundan

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

test edilebilir?

Answer 1

Filtreler, HTML şablonuyla bağlanabilir {{myString | büyük harfle}}, ancak tarayıcıda ona erişmek için mükemmel bir seçeneğimiz var. Şunu bir düşünün: Bir filtre fark Angular $filter documentation

$filter servisi ile çağrılabilir

$filter('filter')(array, expression, comparator) başına, böylece erişim, çağrı ve capitalize filtreyi bu şekilde test edebilirsiniz:

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

sonuç konsolda? "Capitalization Test"

Birden fazla girdiye sahip bir filtreden ne haber? capitalize filtre sadece ilk kelime harf kısıtlamak için ikinci bir boolean parametre olsaydı Sadece örneğin parametre eklemek: Bu SO yazıya

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

VEYA

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

Kudos ve konsoldan hizmetlere erişim için ilgili blog girişleri: access service from console.