angular - Angular 2 中的导入语句

Question

如果我在应用程序模块中导入，例如ElementRef 以及当导入服务时，服务使用 ElementRef，我是否必须在服务中再次导入 ElementRef？

或者更笼统:我可以，例如在 app.module 中，从 angular/core 中导入所有需要的元素，并使它们可用于所有指令、管道和服务，这些元素也在 app.module 中导入。

Answer 1

您需要在需要使用它们的地方导入它们。

因此，在 AppModule 中，您将导入它们以将它们添加到 providers、declarations、imports 等.

而在你的组件、指令、管道、模块、服务等中，如果你需要使用它们，你将需要再次导入它们。

例子:

应用模块

import { HttpModule } from '@angular/http';

@NgModule({
    bootstrap: [AppComponent],
    declarations: [
        AppComponent
    ],
    imports: [ 
        BrowserModule,
        FormsModule,
        HttpModule
    ]
})
export class AppModule {
    constructor() {
    }
}

用户模块

这里我需要 Http 来执行一些 http 调用，所以我必须导入它...

import { HttpModule } from '@angular/http';

@NgModule({
    imports: [
       HttpModule
    ],
    declarations: [],
    exports: [
        HttpModule
    ]
})
export class UserModule{
}