我是使用PrimeNG的新手,我需要一个确认对话框.我阅读了有关确认对话框的文档,并在我的组件上实现了它.
我-component.ts
- import { ConfirmDialogModule,ConfirmationService } from 'primeng/primeng';
我-component.html
- <p-confirmDialog header="Order Confirmation" icon="fa fa-question-circle" width="425" #cd>
- <p-footer>
- <button type="button" pButton icon="fa-close" label="No" (click)="cd.reject()"></button>
- <button type="button" pButton icon="fa-check" label="Yes" (click)="cd.accept()"></button>
- </p-footer>
- </p-confirmDialog>
app.module.ts
- import { ConfirmDialogModule,ConfirmationService } from 'primeng/primeng';
- @NgModule({
- declarations: [
- ],imports: [
- BrowserModule,ConfirmDialogModule,FormsModule,ReactiveFormsModule,HttpModule,AppRoutingModule
- ],providers: [ConfirmationService],bootstrap: [AppComponent]
- })
- export class AppModule { }
我遗漏的任何东西都会引发错误?请赐教.
得到它了!我只需要导入SharedModule就可以使用它.
- import { ConfirmDialogModule,ConfirmationService,SharedModule } from 'primeng/primeng';
然后将其包含在@NgModule中
- @NgModule({
- declarations: [
- ],imports: [
- ConfirmDialogModule,SharedModule
- ],bootstrap: [AppComponent]
- })