angular - 使用不导入的组件

Question

您好，我想知道是否可以在 AppModule 中声明一个组件而无需再次导入它。因为我有 10 个或更多页面/组件要使用，所以很难导入每个页面/组件并进行跟踪。

这是我的app.module.ts

import { NgModule, ErrorHandler } from '@angular/core';
import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
import { MyApp } from './app.component';

@NgModule({
declarations: [
    MyApp,
    HomePage
],
imports: [
    IonicModule.forRoot(MyApp)
],
bootstrap: [IonicApp],
entryComponents: [
    MyApp,
    HomePage
],
providers: [
    {provide: ErrorHandler, useClass: IonicErrorHandler}
]
})
export class AppModule {}

而且我想使用 HomePage 而无需重新导入它。因为我有很多页面要处理。

other-page.ts

import { Component } from '@angular/core';
@Component({
  selector: 'page-home',
  templateUrl: 'login.html',
  providers: [LoginService]
})
export class LoginPage {
constructor(){ }
//Call HomePage here without having to import it again.
}

Answer 1

如果您在代码中的某处提到了一个类，则必须将其导入，否则它不会被识别为使代码无效或至少不会执行您期望的操作的类。

文件顶部的导入与 Angular 完全无关，它们是 TypeScript 导入。 @NgModule() 中的导入是 Angular 导入，并且实现了与 TS 导入完全不同的目的。

因此，将组件添加到 @NgModule() 不会使其他导入过时。