在 angular2 指令中注入 angular1 服务

Question

我正在阅读很多关于此问题的文章，例如 this、and this 和 also this，但这些文章中的每一篇都是从 NG1 服务是 class 并且可以导出的情况开始的。

我的情况非常不同，我经常在同一个文件中有多个服务，并且它们以非常古老的方式定义，例如

angular.module('App.services').factory('SessionService',
    function() {
        var defer = $q.defer();
        [...]
    }
);

没有class，没有export。

而且这个东西在页面中直接用老式的<script src="...">链接了

同时，我正在尝试在 Angular2 中创建新指令，而这些指令需要那些老式的服务。

我知道我应该能够写出这样的东西

import {Injector,Component, Directive, ElementRef, Input, View} from 'angular2/core';

var injector = Injector.resolveAndCreate([
    SessionService
]);

var SessionService = injector.get(SessionService);


@Component({
    selector: 'nav-bar'
})

@View({
    templateUrl: '/app/components/navbar/navBar.html'
})

export class navBar {
    constructor() {

    }
}

当然SessionService 对象是找不到的。

我怎样才能摆脱这个烂摊子？

[附加信息]

使用babel 作为转译器

angular2-annotations 插件添加

了解angular2中Annotations和Decorators区别的好文章：http://blog.thoughtram.io/angular/2015/05/03/the-difference-between-annotations-and-decorators.html

Answer 1

您只需要利用@Inject：

@Component({
  selector: 'nav-bar'
  templateUrl: '/app/components/navbar/navBar.html'
})
export class navBar {
  constructor(private @Inject('SessionService') sessionService) {

  }
}

查看此 plunkr 了解更多详情：http://plnkr.co/edit/U6ygjUUQ04mTGAAaC1pZ?p=preview

您会注意到，对于工厂，您不能使用类。只有服务才有可能……

如果你只使用 ES6，你可以试试这个：

@Component({
  selector: 'nav-bar'
  templateUrl: '/app/components/navbar/navBar.html'
})
export class navBar {
  constructor(sessionService) {

  }

  static get parameters() {
    return [[ new Inject('...'), new Inject('...') ]];
  }
}