0

I'm trying to insert an API key to the HTML header as

<script src="//maps.google.com/maps/api/js?sensor=false&key={{google_maps_key}}
        type="text/javascript">
</script>

but it looks like is not populated on time before called to the Google Maps API for markers.

Current code:

<head ng-init="google_maps_key = 'my_key_is_here'">
    <script ng-src="//maps.google.com/maps/api/js?sensor=false&key={{google_maps_key}}"
            type="text/javascript">
    </script>
Improve this question
8
  • 1
    Using AngularJS markup like {{hash}} in a src attribute doesn't work right: The browser will fetch from the URL with the literal text {{hash}} until AngularJS replaces the expression inside {{hash}}. The ngSrc directive solves this problem. Commented Dec 7, 2018 at 15:47
  • @BartoszTermena Somehow ng-src is not working for me. Getting an error: Error: [$interpolate:noconcat] http://errors.angularjs.org/1.4.8/$interpolate/noconcat?p0=%2F%2Fmaps.google.com%2Fmaps%2Fapi%2Fjs%3Fsensor%3Dfalse%26key%3D%7B%7Bapikey%7D%7D Commented Dec 7, 2018 at 16:42
  • in code above in your question you have typo - you miss "at the end of ng-src try this: Commented Dec 7, 2018 at 16:44
  • 1
    stackoverflow.com/questions/27306706/… Commented Dec 7, 2018 at 17:02
  • 1
    @BartoszTermena I think it may be my problem described in another post here stackoverflow.com/questions/53675172/… Commented Dec 7, 2018 at 18:44
Related questions
3426
AngularJS: Service vs provider vs factory
2051
How does data binding work in AngularJS?
1318
How do I access the $scope variable in browser's console using AngularJS?
Load 5 more related questions Show fewer related questions

0

Reset to default

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.