Directive code executes before controller code

Question

I have created a directive like that I use like this:

<div car-form car="car" on-submit="createCar(car)"></div>

I use directive on both new and edit page that I have created. They have their own controller. In the EditCarController I retrieve the car from a RESTful webservice that I created. I also have assigned a controller function to the directive (in the config object of the directive) where I set some categories based on the car etc...However!

Since the car is loaded asynchrounsly from the page controller it isn't always (random) loaded when the directive controller code starts to run. How can I fix that? I need to be sure that the car I pass to the directive is loaded.

dnc253 · Accepted Answer · 2013-08-26 18:59:06Z

1

You can use a $watch in your directive's controller to know when the data has come back from the server. Something like this:

$scope.$watch("car", function(newVal) {
    if (angular.isDefined(newVal)
    {
         //get stuff based on car (newVal)
    }
});

The $watch will pass in undefined until the data has come back from the server, at which point you can do whatever you need to with the object

answered Aug 26, 2013 at 18:59

dnc253

40.4k41 gold badges145 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Directive code executes before controller code

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related