我如何在指令中添加自定义过滤器？

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
  }

});