如何在Angular中確認對話框模式

Question

我想確認表中的刪除行但不使用在Angular中確認默認值。

Answer 1

我建議你使用primeng confirm Dialogue box

HTML（使用P-confirbox指令）

<p-confirmDialog header="Confirmation" icon="fa fa-question-circle" width="425"></p-confirmDialog> 

<button type="text" (click)="confirm()" pButton icon="fa-check" label="Confirm"></button> 

導入primeng在您的組件，並通過以下方式

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

export class ConfirmDialogDemo { 

    constructor(private confirmationService: ConfirmationService) {} 

    confirm() { 
     this.confirmationService.confirm({ 
      message: 'Are you sure that you want to perform this action?', 
      accept:() => { 
       //Actual logic to perform a confirmation 
      } 
     }); 
    } 
} 

致電確認框