ディレクティブでプログラムでフィルタを設定する方法

Question

私は、ブートストラップの応答可能なブレークポイントに基づいて数値を再フォーマットすることを可能にする角度指令を持っています。小さなデバイスでは1メガバイト、1メガバイトでは1,000メガバイトのデバイスが得られます。

これは内部的に2つのHTMLバージョンの番号を切り替えます。テンプレートHTMLの数値フィルタをパラメータ化して、特定のケースで通貨に切り替えることができます。

ディレクティブのスコープで設定したフィルタ引数を動的フィルタパラメータとして使用するにはどうすればよいですか。使用中

angular.module('myapp').directive("responsiveNumber", ['$log', '$filter', ($log, $filter) => { 
    return { 
     restrict: "E", 
     replace: true, 
     scope: { 
      'value': '=', 
      'precision': '=', 
      'prefix': '=', 
      'filter': '=' 
     }, 
     template: '<span>{{::prefix}}<span class="responsive-num-full"> {{::value | number:precision}}</span><span class="responsive-num-short" ng-bind-html="::value | shortNumber:precision"></span></span>', 
     link: (scope: any, element: any) => { 

     } 
    }; 
}]); 

：

<responsive-number value="availableFunds" precision="0" prefix="'$'" filter="'currency'"></responsive-number> 

Answer 1

//try like this..not sure your stuff achieved or not..but this way u can try 
angular.module('myapp').directive("responsiveNumber", ['$log', '$filter', ($log, $filter) => { 
return { 
    restrict: "E", 
    replace: true, 
    scope: { 
     'value': '=', 
     'precision': '=', 
     'prefix': '=', 
     'filter': '=' 
    }, 
    template: '<span>{{::prefix}}<span class="responsive-num-full"> {{::value | number:precision}}</span><span class="responsive-num-short" ng-bind-html="::value | shortNumber:precision"></span></span>', 
    link: (scope: any, element: any) => { 
     $filter('your filter name')(arg1,arg2); //e.g filte,date,currency 
    } 
}; 

}]）。