如何通过定义的按钮渲染垫子表格?

时间:2019-05-27 02:19:16

标签: angular-material angular6 angular5

我有垫子桌子,并在垫子桌子上方选择按钮。单击选择按钮后,我正在从Web API中提取数据,并且希望在表中查看数据。但是聪明! Angular团队不支持或未记录。角材料组件不支持非常经典的东西。

让我问一个问题:

.html

<button class="btn btn-primary"
            (click)="list()">
          Select
</button>


<mat-table [dataSource]="dataSource1" class="mat-elevation-z8">
......
</mat-table>

.ts

list() {

    dataSource1 = .....

}

我该如何提供?在list()方法中将数据成功分配给dataSource1之后,将不呈现表。我该怎么做才能重新提交

2 个答案:

答案 0 :(得分:0)

您应该使用renderRows的{​​{1}}方法。

https://material.angular.io/components/table/api#MatTable

.html

MatTable

.ts

<button class="btn btn-primary"
        (click)="list()">
      Select
</button>


<mat-table #myTable [dataSource]="dataSource1" class="mat-elevation-z8">
     ......
</mat-table>

答案 1 :(得分:0)

我进行了很多搜索,经过10个小时的搜索,我意识到我已经应用了Angular材质7.x组件,并且在将材质5.2.5更改为示例之后,它对我有用了