Question

我是使用PrimeNG的新手，我需要一个确认对话框。我阅读了有关确认对话框的文档，并在我的组件上实现了它。

MY-component.ts

import { ConfirmDialogModule, ConfirmationService } from 'primeng/primeng';

MY-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 { }

我遗漏的任何东西都会引发错误？请赐教。

Answer 1

知道了！我只需要导入SharedModule就可以使用它。

import { ConfirmDialogModule, ConfirmationService, SharedModule } from 'primeng/primeng';

然后将其包含在@NgModule

中

@NgModule({
  declarations: [
  ],
  imports: [
    ConfirmDialogModule,
    SharedModule
  ],
  providers: [ConfirmationService],
  bootstrap: [AppComponent]
})

Answer 2

由于页眉和页脚保留，PrimeNG将其更改为p-header和p-footer，是的，它们位于SharedModule内。

PrimeNG p-footer在角度2

2 个答案: