지시문에 사용자 정의 필터를 추가하는 방법은 무엇입니까?

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 
    } 

});