ディレクティブにカスタムフィルタを追加するにはどうすればよいですか？

Question

私はAngular Jsにはかなり新しいです。私は簡単な問題を達成しようとしています。文字列を切り捨てるだけです。私はlimitToフィルタがあることを知って、私は要素にそれを添付することができますが、これは動的である必要があります。ここで

もここでペンへのリンク codepen.io/Brushel/pen/QMXPWN?editors=1010

Answer 1

あるすべての要件を実装する簡単な例であり、このテンプレートを使用してディレクティブを作成します。

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 
    } 

});