Components : Late data initialization?

Question

I'm having problem of initializing "elements" in COMPONENTS with data coming from web-request. F.e. (pseudo code) :

 <elem elemOpts="$ctrl.elemOpts" />


 .......
 ctrl = this;

 ctrl.web_data = [];
 ctrl.elemOpts = { data : ctrl.web_data }

 ctrl.$onInit = function() {
    $http({ ... }).then(function(response) {
       ctrl.web_data = response.data;
    })
 }

This is not working, because the ELEMENT is initialized before $onInit(), so the web request comes afterwards. Is there a way to execute COMPONENT-code before elements are rendered ?

Two cases which I have this problem is ui-grid and multiselect, where I have to initialize select-boxes from web-request.

Gourav Garg · Answer 1 · 2016-10-23T06:27:56.850

0

Fetch data from resolve in routing and inject it in controller. [this][1] explains better resolve in angular component.

Or you can use ngOnChanges event

edited Oct 23 '16 at 06:27

answered Oct 23 '16 at 05:01

Gourav Garg

2,856
11
24

https://angular.io/docs/ts/latest/api/core/index/OnChanges-class.html this angular page contain def of onchanges class – Gourav Garg Oct 24 '16 at 20:56
http://stackoverflow.com/a/38212664/5429428 this is another thread to resolve data before loading – Gourav Garg Oct 24 '16 at 20:58

Components : Late data initialization?

1 Answers1