Postpone angular directive until data is ready

Question

I have an angular js directive that will take a date and format it from 2014-06-01T00:00:00 to 2014-06-01 inside of an input.

The directive loads and executes fine, the problem is, the date that I'm trying to format is part of a model that must first be retrieved from a web service. Because this is done asynchronously, the directive will execute before the data has come back from the server, which causes undefines to be sent into the directive, and the date remaining unformatted.

Is there any way to prevent this from happening, or perhaps a better way to format the date maybe?

Thank you kindly

score 0 · Answer 1 · answered Jun 24 '14 at 10:53

0

I think you can use a date filter:

<span >{{ yourDate | date:'yyyy-MM-dd '}}</span>

See doc: https://docs.angularjs.org/api/ng/filter/date

answered Jun 24 '14 at 10:53

Mario Levrero

3,345
4
26
57

Unfortunately, the text is sitting inside of an input control and the date filter isn't available. – Walter Jun 24 '14 at 11:16
What do you mean? I can't not get a idea. Could you provide a piece of code? – Mario Levrero Jun 24 '14 at 11:29
thats the element I'm binding to and want to filter. – Walter Jun 24 '14 at 12:07
Ah, ok. Take a look at http://stackoverflow.com/questions/14474555/how-to-format-a-date-using-ng-model – Mario Levrero Jun 24 '14 at 12:35

Postpone angular directive until data is ready

1 Answers1