如何更改下面的“角度材料”代码,以便数据表按“名称”列排序,默认情况下按升序排序。必须显示箭头(指示当前分类方向)。
这是我要实现的目标:
原始代码:
<table matSort (matSortChange)="sortData($event)">
<tr>
<th mat-sort-header="name">Dessert (100g)</th>
<th mat-sort-header="calories">Calories</th>
<th mat-sort-header="fat">Fat (g)</th>
<th mat-sort-header="carbs">Carbs (g)</th>
<th mat-sort-header="protein">Protein (g)</th>
</tr>
<tr *ngFor="let dessert of sortedData">
<td>{{dessert.name}}</td>
<td>{{dessert.calories}}</td>
<td>{{dessert.fat}}</td>
<td>{{dessert.carbs}}</td>
<td>{{dessert.protein}}</td>
</tr>
</table>
我正在尝试类似的操作,但是不起作用(未显示箭头,未排序)
<table matSort (matSortChange)="sortData($event)" matSortActive="name" matSortStart="asc" matSortDisableClear>
这是指向Plunker的链接
this.sortData({active: "name", direction: "asc"})
的ngOnInit
检查plunker