【angular】如何使用primeNG组件库

primeNG

primeNG为我们提供了强大、美观的组件，但是怎么用呐？也是很简单的，但是前几天为选课界面添加提示框时出错了，弹出框就没有问题，但是选课那么一个千钧一发的时刻弹出框多耽误事，怎么添加呐？
添加的方法目前用到的都是一样的，举例一二：

折叠panel：
我这里用的不是panel而是旗下的Accordion：如何使用——很简单

ts中

import { AccordionModule } from 'primeng/primeng';

module中

import { AccordionModule } from 'primeng/primeng';//冯静姣-折叠
……
 imports: [
    FormsModule,
   ……
    AccordionModule
  ],

 <p-accordion>
            
            <div *ngFor="let qt of exampaper.paperQuestionTypeList; let i=index">
                <div class="cards">
                  <p-accordionTab header="{{USN[i]+qt.questionTypeName}}" [selected]="true">

                        
                        <div *ngFor="let qm of qt.questionMainModelList; let j=index">
                            
                            <div *ngIf="qm.questionSubEntityList[0]">
                              <div id="{{'card'+qm.id}}" class="card" (click)="locateQuestion($event.target.id)">{{j+1}}div>
                            div>
                            
                            <div *ngIf="!qm.questionSubEntityList[0]">
                                
                                <div *ngFor="let qs of qm.smallquestionMainList; let k=index">
                                  <div id="{{'card'+qs.id}}" class="card" (click)="locateQuestion($event.target.id)">{{k+1}}div>
                                div>
                            div>
                        div>

                    <div style="clear:both;">div>
                  p-accordionTab>

用 圈起来要折叠的东西，并设置第一个的[selected]=”true”

提示框——同理可得