我們可以結合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); 
     }; 
    }); 

該過濾器，我使用這樣的：

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

最終既提供指導和過濾做同樣的工作，但這個指令需要ng-model，所以我不能將其應用到<b>標籤，因爲它沒有任何ng-model。有什麼辦法可以將directive和filter這兩個元素（text filed和<b>標籤）都適用？

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 
      }); 
     } 
    } 
}])