Load variable in angularJS before before javascript html

Question

I am trying to load a graph in AmCharts.

The problem is that the JavaScript script is loaded before I get the service return, it starts empty and I can not update the variable.

Any idea how to do this?

<script type="text/javascript">
    AmCharts.makeChart("chartdiv", {{json}} );
</script>

I'd suggest using an Angular wrapped version of AmCharts that supports async data/promises. Here's an example — Ankh
– Ankh, Commented Jan 20, 2017 at 16:05
The html is loaded (javascript script) and then the variable json receives a json with the graphic to display. Basically I do not have the graph ready on loading the page. — Tiago
– Tiago, Commented Jan 20, 2017 at 16:37

jcubic · Accepted Answer · 2017-01-20 16:05:58Z

0

You can boostrap your angular application using javascript:

basically you remove your ng-app attribute and run this:

angular.element(function() {
  angular.bootstrap(document, ['myApp']);
});

answered Jan 20, 2017 at 16:05

jcubic

66.9k58 gold badges250 silver badges463 bronze badges

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

4 Comments

Tiago Over a year ago

I can not remove the ng-app because there are other features that use it.

jcubic Over a year ago

@TiagoJavaman you can try to add the attribute in javascript $('#item').attr('ng-app', 'app'); maybe that will work.

Tiago Over a year ago

What would be #item ? Do you have an example?

jcubic Over a year ago

@TiagoJavaman id of the element that should have the ng-app <div id="item" ng-app="app"> -> <div id="item"></div>, you can use other css selector like $('div:eq(0)').attr('ng-app', 'app'); for first div.

Collectives™ on Stack Overflow

Load variable in angularJS before before javascript html

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related