未知提供商：$ rootElementProvider < - $ rootElement的< - 在angulartics.js

Question

我使用angulartics在我的项目，但是当我添加依赖我的模块，我得到以下错误$位置：

未知提供商：$ rootElementProvider < - $ rootElement < - $ location。

我在HTML中插入angulartics.jsangular.js

它在.RUN生成后：LIB的

代码在这里：https://github.com/luisfarzati/angulartics/issues/203

$location好对象，但$rootElementProvider和$rootElement是不确定的。

如何解决这个问题呢？

Answer 1

我最近得到了同样的问题，我知道这可能发生的唯一原因是当你手动创建一个angularjs注入器，​​这取决于在启动时注入$ location的模块，或者当你试图获得$通过该注射器定位自己。

这个问题实际上与angulartics库本身没有关系，而是与angular自己的$ location服务有关，它直接依赖于$ rootElement，它是在应用程序引导期间定义的元素，因此在应用程序启动之前不存在。

有一个简单的方法可以解决这个问题，如果你有angulartics这个问题，那就是从你的应用程序中删除angulartics作为依赖项，并将它作为resumeBootstrap方法的依赖项添加它，这允许我们添加更多依赖于运行时，同时恢复角度的引导过程。

例如：

angular.module('myApp', [ 
 
    // array of dependencies without angulartics 
 
]); 
 
var preBootstrapInjector = angular.injector(['ng', 'myApp']); 
 
var $rootScope = preBootstrapInjector.$get('$rootScope'); 
 
var myService = preBootstrapInjector.$get('myService'); 
 
myService.getDataFromServer() 
 
    .then(doSomethingWithThatData) 
 
    .then(resumeBootstrap); 
 
    
 
function resumeBootstrap(){ 
 
    // Clean up the custom injector for garbage collection 
 
    $rootScope.$destroy(); 
 
    
 
    // Resume Angular's bootstrap process 
 
    $(document).ready(function() { 
 
    angular.resumeBootstrap([ 
 
     // dependencies from modules that need $location 
 
     'angulartics' 
 
    ]); 
 
    }); 
 
}

干杯！