Angularディレクティブと工場のコードを組み合わせることはできますか？

Question

私はこのようになります角度ディレクティブを持っている：

.directive('datefilter', function (dateFilter) { 
    return { 
     require: 'ngModel', 

     link: function (scope, element, attrs, ngModelController) { 
      ngModelController.$parsers.push(function (data) { 
       //convert data from view format to model format 
       return new Date(data); //converted 
      }); 

      ngModelController.$formatters.push(function (data) { 
       //convert data from model format to view format 
       return new Date(data); //converted 
      }); 
     } 
    } 
}) 

私は今、この

<input type="text" ng-model="someModelName" datefilter uib-datepicker-popup="{{format}}"> 

のようにテキストフィールドに

を使用しています。このディレクティブ私はこの角度フィルタがあります。

を

.filter('datefilterfilter', function (dateFilter) { 
     return function (value, format) { 
      return dateFilter(new Date(value), format); 
     }; 
    }); 

このフィルタ私はこのような使用しています：それはどんなng-modelを持っていないため

<b> {{someModelNAme | datefilterfilter: format}} </b> 

最終的に指示し、フィルタと同じ仕事をしているが、このディレクティブの両方がng-modelが必要なので、私は<b>タグにそれを適用することはできません。両方の要素（text filedと<b>タグ）で動作するdirectiveとfilterを組み合わせる方法はありますか？

Answer 1

あなたは$filterサービス注入することによって、あなたの指示で任意のフィルタを使用することができます**

.directive('datefilter', ["$filter", function ($filter) { 
    return { 
     require: 'ngModel', 

     link: function (scope, element, attrs, ngModelController) { 
      ngModelController.$parsers.push(function (data) { 
       //convert data from view format to model format 
       return $filter("datefilterfilter")(data); //converted 
      }); 

      ngModelController.$formatters.push(function (data) { 
       //convert data from model format to view format 
       return $filter("datefilterfilter")(data); //converted 
      }); 
     } 
    } 
}])