Javascript ReferenceError:重新加载时未定义google

我正在尝试使用googleplace自动完成api和ng映射。我遇到的问题是在我尝试用指令加载地图和地点之后

我将在index.html中的body标记后面附加一个脚本标记。在第一次加载时，返回的google对象可在整个应用程序中使用。但是当我重新加载页面时，我得到了一个“引用错误：google未定义”

    app.directive('loadSc', ['apiService'
       function (apiService) {
          return {
             restrict: 'A',

             link: function(scope, element, attrs) {
             var script = document.createElement('script');
                script.src = 'https://maps.googleapis.com/maps/api/js?key=+'apiService.apiKey'+&libraries=places';

             element.append(script);

             }
          };
       }
]);

---

我访问过的大多数解决方案都没有帮助

我认为你实际上需要做的是在angular应用程序的外部和之前包含脚本文件，这样它就可以使用，而不是试图将其强制放入指令中。我正在动态加载api密钥。你能详细说明一下吗？基本上，你的谷歌脚本是在你的指令之前加载的。你应该看看已经解决了这个问题的例子/模块。我面临着同样的问题，但在react jsI上，我认为你实际上需要做的是在angular应用程序的外部和之前包含脚本文件，以便它可用，而不是试图将其强制为指令。我正在动态加载api密钥。你能详细说明一下吗？基本上，你的谷歌脚本是在你的指令之前加载的。你应该看看这样的例子/模块已经解决了这样的问题。我面临着同样的问题，但仍然是一个问题