Can I use a filter inside a filter in AngularJS?

Question

I just create a filter to convert the date. And I would call the official filter "date" AngularJS.

project.date_created_at and project.mel do not have the same format. So I need to create my own filter for project.date_created_at .

HTML:

 <span>{{ project.date_created_at | dateCustom }}</span> <span>{{ project.mel | date:'dd/MM/yyyy' }}</span> 

JS:

 myApp.filter('dateCustom', function () { return function (input) { if(input != undefined) { var d = new Date(input); var time = d.getTime(); // use official $filter('date') here ? } } }); 

I would like to use this format:

 date:'dd/MM/yyyy' 

Answer 1

You can enter $ filter as a dependency, as you would for a controller, service, or directive.

 myApp.filter('myFilter',[ '$filter', function ($filter) { return function (input) { /** Do your stuff **/ return $filter('date')(myDate,myFormat); } }]); 

On a side note, you should use angular.isDefined instead of != undefined .

See the $ filter and date documentation for more details.