dependency-injection - 实例化对象时的 Aurelia 依赖注入(inject)

Question

如果我创建一个支持类，例如已将 HttpClient 注入(inject)其中的 UserList，那么无论谁实例化该类，都必须在构造函数中将 HttpClient 对象传递给它。 @inject(HttpClient) 不应该负责获取 HttpClient 单例并将其注入(inject)构造函数吗？否则，每个需要引用 UserList 的类也将获得对 HttpClient 的引用，以便它可以将其传递给 UserList 构造函数(并破坏注入(inject)的目的)。

用户列表.ts

@inject(HttpClient)
export class UserList {
    constructor(public http: HttpClient){
    }
...
}

DoSomething.ts

export class DoSomething {
    userList: UserList;

    constructor(){
         this.userList = new UserList(); //doesn't work without passing HttpClient
    }
}

为了完成这项工作，我必须在 DoSomething 类中获取对 HttpClient 的引用，即使它不会直接使用它。似乎实现不佳的工作版本:

DoSomething.ts

@inject(HttpClient)
export class DoSomething {
    userList: UserList;

    constructor(public http: HttpClient){
         this.userList = new UserList(http); 
    }
}

Answer 1

如果你使用 typescript ，不用担心这个。 使用@autoinject 看看奇迹发生吧!

像这样:

import {autoinject} from 'aurelia-framework';

@autoinject()
export class UserList {
    constructor(private http: HttpClient){
    }
...
}

在其他文件中:

import {autoinject} from 'aurelia-framework';

@autoinject()
export class DoSomething {
    constructor(private userList: UserList){
    }
}

TypeScript 编译器将发出类型元数据，Aurelia 将以正确的方式读取此注入(inject)实例!

更多信息:http://aurelia.io/docs.html#/aurelia/dependency-injection/1.0.0-beta.1.2.3/doc/article/dependency-injection-basics