Как я могу отобразить таблицу матов с помощью определенной мной кнопки?

Question

У меня есть таблица матов и кнопка выбора над таблицей матов.После того, как я нажму «Выбрать», я извлекаю данные из веб-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 = .....

}

Как я могу это предоставить?Таблица не отображается после успешного назначения данных для dataSource1 в методе list ().Что я должен сделать, чтобы перерисовать

Answer 1

Я много искал, и после 10 часов поиска я понял, что применил компонент Angular material 7.x, и после замены образца на материал 5.2.5, он сработал для меня

Answer 2

Вы должны использовать renderRows метод MatTable.

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

.html

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


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

.ts

@ViewChild("myTable") myTable:MatTable;

list() {

    dataSource1 = .....
    myTable.renderRows();

}