angular - 您是否将其添加到@NgModule.entryComponents？

Question

import {Component} from '@angular/core';
import {IonicPage, NavController, NavParams} from 'ionic-angular';
import {Dashboard} from '../dashboard/dashboard'
import {EventPlan} from '../event-plan/event-plan'
import {EmployeeList} from '../../providers/employee-list'
import {GoalActionDashboard} from '../../providers/goal-action-dashboard'

@IonicPage()
@Component({
  selector: 'page-service-requirement-form',
  templateUrl: 'service-requirement-form.html',
})
export class ServiceRequirementForm {
  eventPlan() {
    this.navCtrl.setRoot(EventPlan);
  }
}

这里我想转到另一个页面的点按钮。在我的 html 页面中，我有一个按钮，我在其中声明了一个名为 eventPlan() 的函数。但这是行不通的。它抛出以下错误:

No component factory found. Did you add it to @NgModule.entryComponents

如何修复此错误？

Answer 1

您似乎尚未在 APP.Module.ts 文件中导入标志性框架模块。每当您在模块外部使用它时，您都需要将其导入到您的模块文件中。

import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
import { Ng2SmartTableModule } from 'ng2-smart-table';
import { Ng2CompleterModule } from "ng2-completer";

@NgModule({
  declarations: [component],
  imports: [
    NgbModule.forRoot(),
    FormsModule,
    BrowserModule,
    Ng2SmartTableModule,
    Ng2CompleterModule
  ],
  providers: [ReportService],
  bootstrap: [AppComponent],
  exports:[]
})
export class AppModule { }

在上面的代码中，我使用了三个外部模块 NgbModule、Ng2SmartTableModule、Ng2CompleterModule，它们是我导入到 app.module 中的。 ts 文件，这样我就可以毫无错误地访问它们。

在 @NgModule 元数据中导入您的模块。