AngularJS retrieve data via AJAX before Directive runs

Question

I\'m using AngularUI\'s uiMap directives to instantiate a google map. The uiMap directive works great with hard-coded data ({mapOptions} and

Answer 1

You could just delay execution of ui-map until your data is loaded.

HTML:

JS:

$http.get('/mapdata').then(function(response) {
  $scope.myOpts = response.data;
  $scope.loadingIsDone = true;
});