仅当应用特定过滤器时，如何才能应用Angularjs指令？

Question

I am retro-fitting angular into an existing project where the date output is in an undesired format. (2013/01/01)

I would like to use the AngularJs date filter to format the dates. Unfortunately the current date strings are not is a standard ISO format and I cannot change them.

So I figured, the best way would be to apply a new filter before the standard date one, to parse the date.

ng-bind="prop.ApplicationDate | DateParse | date:fullDate"

angular.module('rjDateParse', [])
.filter('DateParse', function() {
    return function(date) {
        var parsedDate;
        try {
            parsedDate = Date.parse(date);
        } catch (err){
            parsedDate = date;
        }
        return parsedDate;
    }
})

This works fine.

Except I am aware of the issues I will have with certain dates in this format. 2013/12/01 for instance, could come back with two completely different dates.

So I wanted to create a directive that allowed the date to be clicked to toggle between the original and the parsed date.

My problem: How to apply this directive ONLY if the filter has been used. I don't want to have to add a class or attribute to the element manually to trigger this.

angular.module('rjDateParse', [])
.filter('DateParse', function() {
    return function(date) {
        var parsedDate;
        try {
            parsedDate = Date.parse(date);
        } catch (err){
            parsedDate = date;
        }
        return parsedDate;
    }
})
.directive('DateParse', function() {
    return {
        //apply this only if dateparse filer is applied
    }
});

Thanks in advance

Rob

ps I don't have any controllers currently - I am trying to keep it that way :)

Answer 1

You can change format of angular "date" filter in simple way:

{{prop.dateToFormat | date:'yyyy-MM-dd'}}

This code formats date to standard ISO-format