Angular后台数据进行渲染到页面表单_利用angular控件对页面表单下载

Angular后台数据进行渲染到页面表单_利用angular控件对页面表单下载

Angular后台数据进行渲染到页面表单

查询所有数据

 //查询所有数据
  selectAllSn() {
    this.http.get(webApiUrls.holdlist.selectAll, null,).subscribe(res => {
      console.log(res.data);
      //数据存储到datas
      this.datas = res.data;
    })
  }

数据表单渲染_查询出来的数据栏位进行_数据和栏位对应

  columns: STColumn[] = [
    { title: '序号', index: 'id' },
    { title: '日期', index: 'datatime' },
    { title: '机种', index: 'code' }];

在前台页面中放_[columns]=“columns” [data]=“datas”

<nz-card>
    <span class="title">查詢所有信息</span>
    <st #st [columns]="columns" [data]="datas">
    </st>
</nz-card>

Angular表格对当前表格下载_加上_button

<nz-card>
    <span class="title">查詢所有信息</span>
		  <button nz-button (click)="st.export(datas,{ 
		  filename: '给当前表格命名.xlsx', 
		  sheetname: '给当前表格命名' 
		  })">...</button>
    <st #st [columns]="columns" [data]="datas">
    </st>
</nz-card>