与 TypeScript 一起使用时的未知提供程序 $ocLazyLoad

Question

我正在尝试在带有 TypeScript 的 Angular.js 中使用 $ocLazyLoad。但是我不断收到Unknown provider error。我将它包含在我的主应用程序中：

index.module.ts

/// <reference path="../../.tmp/typings/tsd.d.ts" />
/// <reference path="index.route.ts" />
/// <reference path="index.config.ts" />
/// <reference path="index.run.ts" />

module myApp {
  'use strict';

  angular.module('myApp', [
    'ui.router',
    'oc.lazyLoad'])
    .config(RouterConfig)
    .config(Config)
    .run(RunBlock);
}

当我尝试将它包含在我的RouterConfig 中时，错误来自：

index.route.ts

module myApp {
  'use strict';

  export class RouterConfig {

    static $inject = ['$stateProvider', '$urlRouterProvider', '$ocLazyLoad'];

    constructor($stateProvider: ng.ui.IStateProvider, $urlRouterProvider: ng.ui.IUrlRouterProvider, $ocLazyLoad: oc.ILazyLoad) {
      $urlRouterProvider.otherwise('/dashboard');

      $stateProvider
        .state('dashboard', {
          url: '/dashboard',
          templateUrl: 'app/modules/core/dashboard/dashboard.html'
        });
    }

  }
}

真正奇怪的是我可以毫无问题地包含$ocLazyLoadProvider。这是来自Yeoman using gulp, typescript, and ui-router 的非常简单的设置。

Answer 1

.config(RouterConfig) 中有错误。

传递给config 的函数 不是用new 运算符调用的，因此这里不要使用打字稿class。