使用 $window 配置 AngularJS 路由到深层路径

我有一个 Rails 应用程序，其中有一些复杂的路由。我的 Angular 应用程序存在于深层 URL 中，例如 /quizzes/1

我希望通过将 $window 注入到我的路由配置中，然后嗅探 $window.location.pathName 来做到这一点。这似乎不可能，因为应用程序在此阶段抛出“未知提供者：来自 myApp 的 $window”。

有没有最佳实践方法可以用 Angular 来处理这个问题？我想这样做的原因是当应用程序位于深层目录中时使用 HTML5 模式。

这是我所希望的一个例子，http://jsfiddle.net/UwhWN/。我意识到如果这是唯一的选择，我可以在程序中使用 window.location.pathname 。

HTML:

<div ng-app="myApp"></div>

JS:

var app = angular.module('myApp', [])

  app.config([

    '$window', '$routeProvider', '$locationProvider',

    function($window, $routeProvider, $locationProvider) {

        var path = $window.location.pathname

       // Coming Soon
       // $locationProvider.html5Mode(true)

      $routeProvider
        .when(path + '/start', {
            controller: 'splashScreenController',
            templateUrl: 'partials/splash-screen.html'
        })

        .when(path + '/question/:id', {
            controller: 'questionController',
            templateUrl: 'partials/question-loader.html'
        })

        .otherwise({
          redirectTo: path + '/start'
        })
  }])

只有常量和提供程序可以注入到配置块中。 $window 无法注入到您的配置块中，因为 $window 是一项服务。

From 角度文档:

配置块- 在提供商注册和配置阶段执行。只有提供者和常量可以注入到配置块中。这是为了防止服务在完全配置之前意外实例化。

而且，无论如何你都不需要 $window 服务。只需使用<base> tag:

<base href="/quizzes/1/" />

并保持你的路线相对于它。