Comment pourrais-je ajouter un filtre personnalisé dans une directive?

Question

Donc, je suis assez nouveau pour Angular Js. J'essaie d'accomplir un problème simple. J'ai juste besoin de tronquer une chaîne de texte. Je sais qu'il y a le filtre limitTo et que je pourrais simplement l'attacher à un élément, mais cela doit être dynamique.

Voici également un lien vers la plume codepen.io/Brushel/pen/QMXPWN?editors=1010

Answer 1

Voici un exemple simple en œuvre toutes les exigences, Utilisez ce modèle pour créer votre directive.

Codepen Demo

app.directive('truncate', function() { 
    function link(scope, element, attrs){ 
    console.log(scope.input) 
    console.log(scope.maxCharacters) 
    } 

    return{ 
    restrict: 'A', 
     scope: { 
     input: '=', 
     maxCharacters: '=', 
     href: '=', 
     isShowMore: '=' 
     }, 
    template: '<h1 ng-init="limit=true;length=maxCharacters">{{input | limitTo: length}}<a ng-attr-href="{{ href ? \'#\': undefined }}" ng-click="limit=!limit;length=limit?maxCharacters: \'\'">{{isShowMore?"Show More":"..."}}</a></h1>', 
    link: link 
    } 

});