Angular initial data load, defer directives until after initialise

Question

I need to load some data into my angular app the first time it is loaded. The data needs to come from the server.

My app currently consists of a number of directives on a single view in an accordion. The directives are forms whose criteria needs to be met before the user can progress to the next accordion group. The first accordion group needs to use the data from the server to display to the user, there is a dependency on the data for the view.

What is the best way to inject this data in the first instance?

I could move the initial data call into the first directive but it doesn't really feel like it is 'its' job. I could create another directive to handle this load but then I would need manage the load order of the directives. I have had a look at ng-init which works well until the server call is made, during this call the directives run before it completes.

Any of the above would work for me in theory but i'm not sure that they are the best approach. What would you suggest is the best approach?

Thanks

are you using any router in your app? Which?

Hitmands
– Hitmands

2015-12-09 10:11:35 +00:00
Commented Dec 9, 2015 at 10:11 — Hitmands
– Hitmands, Commented Dec 9, 2015 at 10:11
what scope are you using in your directives?

Tarun Dugar
– Tarun Dugar

2015-12-09 10:12:09 +00:00
Commented Dec 9, 2015 at 10:12 — Tarun Dugar
– Tarun Dugar, Commented Dec 9, 2015 at 10:12
@hitmands $routeProvider -ngRoute for routing

Jamlow
– Jamlow

2015-12-09 10:20:49 +00:00
Commented Dec 9, 2015 at 10:20 — Jamlow
– Jamlow, Commented Dec 9, 2015 at 10:20
@TarunDugar Isolated Scope for directives

Jamlow
– Jamlow

2015-12-09 10:21:22 +00:00
Commented Dec 9, 2015 at 10:21 — Jamlow
– Jamlow, Commented Dec 9, 2015 at 10:21

Hitmands · Accepted Answer · 2015-12-09 10:24:17Z

1

You should use a resolve in your state, so, both views and controllers are called when the resolution is done.

have a look at this link: http://odetocode.com/blogs/scott/archive/2014/05/20/using-resolve-in-angularjs-routes.aspx

answered Dec 9, 2015 at 10:24

Hitmands

14.2k4 gold badges41 silver badges78 bronze badges

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

Comments

Chris Hermut · Accepted Answer · 2015-12-09 10:26:02Z

0

You can decorate your directives with ng-if attribute and, as value, pass a scope property that will indicate data load ex.

answered Dec 9, 2015 at 10:26

Chris Hermut

1,7564 gold badges17 silver badges32 bronze badges

Collectives™ on Stack Overflow

Angular initial data load, defer directives until after initialise

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related