Question

您好我正在尝试手动引导角度应用，但有些业务需要先处理。This文章提到了我感兴趣的技术。

当我注入这个时：

 var $injector = angular.injector(["ng"]);
 var $http = $injector.get("$http");

它工作正常，但是这个：

var $injector= angular.injector(["ng", "myApp"]);
var $location = $injector.get("$location");

引发以下错误。

Uncaught Error: [$injector:unpr] Unknown provider: $rootElementProvider <- $rootElement <- $location <- $location

是否可以在angular.bootstrap之前获取$ location？

非常感谢！

Answer 1

为了在引导之前获得$location，您基本上需要提供$rootElement。一种方法是模拟它：从ngMock注入angular-mocks模块以获取注入器。

var $injector= angular.injector(['ng','ngMock',"plunker"]);
var $location = $injector.get("$location");

<强> Plunker

或者通过创建模拟应用程序并在获取注入器时包含它来自己提供rootElement。

var mockApp = angular.module('mockApp', []).provider({
  $rootElement:function() {
     this.$get = function() {
       return angular.element('<div ng-app></div>');
    };
  }
});

var $injector= angular.injector(['ng','mockApp',"plunker"]);

var $location = $injector.get("$location");

<强> Plunker

或其他方式（根据您的可行性）是使用window.location从窗口获取位置。

还值得注意github

上的这个主题

Answer 2

root元素必须插入文档中。见http://plnkr.co/edit/OrgStgw4NpjU2LcIFXsB

var rootElement = angular.element(document);

var mockApp = angular.module('mockApp', []).provider({
  $rootElement:function() {
     this.$get = function() {
       return rootElement;
    };
  }
});

未知提供者：$ rootElementProvider使用$ injector在angular.bootstrap之前获取$ location服务

2 个答案: