Question

我在我的网络应用程序中使用angularjs，我只想在特定页面中加载谷歌地图特定的javascript文件，有人帮我做到了吗？

对应的JS文件：https://maps.googleapis.com/maps/api/js?v=3&sensor=true

我试图将这个JS文件放在我的页面特定模板中，这会给我一个错误，例如'd.init不是一个函数'，但如果我在index.html中加载该JS文件，那就可以了。

不知道我在这里做错了什么，所以有人请建议我吗？

谢谢，希瓦

Answer 1

在您的主控制器中

$rootScope.$on('$stateChangeSuccess', 
      function(event, toState, toParams, fromState, fromParams){
            if(toState.name == 'somePage'){
              $scope.googlesrc = 'https://maps.googleapis.com/....'
            } else {
              $scope.googlesrc = ''
            }
        });

你的HTML中的

  <script ng-src="{{googlesrc}}"></script>

使用angularjs在特定页面中加载外部库

1 个答案: