AngularJS + TypeScript：无法注入 $routeProvider

Question

我正在尝试将路由应用于我的基于 Typescript 的 Angular 应用程序。该应用程序应该让 $routeProvider 注入如下代码：

var app = angular.module("MyApp", ["ui.bootstrap"]);
// app.service's and controller's here...

app.config(["$routeProvider",
    function ($routeProvider: ng.IRouteProvider) {
        $routeProvider
            .when("/", {
                controller: MyApp.Controllers.ItemsController,
                templateUrl: "/Items.html"
            })
            // ... other routes ...
            .otherwise({
                redirectTo: "/"
            });
}]);

无论如何，当我启动应用程序时，我从 Angular 收到一个异常，告诉我它找不到名为 $routeProviderProvider 的提供程序：

Error: Unknown provider: $routeProviderProvider <- $routeProvider at Error (<anonymous>)
    at http://.../Scripts/angular.js:2734:15
    at Object.getService [as get] (http://.../Scripts/angular.js:2862:39)
    at http://.../Scripts/angular.js:2739:45
    at getService (http://.../Scripts/angular.js:2862:39)
    at invoke (http://.../Scripts/angular.js:2880:13)
    at Object.instantiate (http://.../Scripts/angular.js:2914:23)
    at $get (http://.../Scripts/angular.js:4805:24)
    at $get.i (http://.../Scripts/angular.js:4384:17)
    at forEach (http://.../Scripts/angular.js:137:20) undefined angular.js:5754

通过查看角度源 (1.0.7)，我可以看出这是因为在创建 instanceInjector 的第 2737 行，它的名称来自附加一个名为 providerSuffix，其值为“Provider”，指向请求的提供者名称（此处为“$routeProvider”）。因此，这会导致异常。然而，正确的名称应该是“$routeProvider”；如果我在代码中将其更改为“$route”，则此错误会按预期消失，因为现在构建的名称是“$routeProvider”；但我得到另一个异常，告诉我服务“$route”没有定义。那么，我该怎么做才能解决这个问题呢？

Answer 1

更新答案： 就像我在下面的 cmets 中提到的那样

例如它在控制器中是无效的。仅供参考，您所说的“ProviderProvider”部分仅用于记录，而不是在内部搜索依赖项的方式

并在您的代码中找到：

export class MainController {
    static $inject = ["$scope", "$routeProvider"];

    constructor(private $scope: IMainScope,
        private $routeProvider: ng.IRouteProvider) {
    }
}

你不能在你的控制器中有 routeProvider。你的 app.config 不是是什么给你的错误。将您的控制器更改为，错误消失：

export class MainController {
    static $inject = ["$scope"];

    constructor(private $scope: IMainScope) {
    }
}

另外，我建议在使用控制器时不要实现自己的范围。原因如下：http://www.youtube.com/watch?v=WdtVn_8K17E&feature=youtu.be&t=5m36s

希望你和我一样喜欢 angular + typescript :)