【Angular】弹框

一、Module中操作：

import {DialogModule} from 'primeng/primeng';
import {ButtonModule} from 'primeng/primeng';

在@NgModule中import：

DialogModule,

ButtonModule

二、Component中操作：

Html：其中display和message的值在ts中赋予

<p-dialog header="提示" [(visible)]="display" modal="modal" width="400" [responsive]="true">
    <p style="text-align:center">{{message}}</p>
    <p-footer>
      <button type="button" pButton  (click)="display=false" label="确定"></button>
  </p-footer>
</p-dialog>

ts：

在类中定义display和message：

message="";
display=false; 刚开始赋值为false，让弹框不显示。

/**
 * 获取表格中的数据
 */
  getdata(){
    this.ds.getPostData(this.url,this.assemadivce).then(
      res=>{
          if(res.code=="0000"){
              this.data=res.data.list;
              this.total=res.data.total;
          }else{
           //这里控制表格，message是弹框的信息，display是布尔值，控制弹框的现实。
           this.message="亲，不好意思，查询失败！";
            this.display=true;
          }
      }
    )
  }

三、效果：