데이터 테이블이 기본적으로 오름차순으로 '이름'열별로 정렬되도록 아래 Angular Material 코드를 어떻게 변경할 수 있습니까? 화살표 (현재 정렬 방향을 나타냄)가 표시되어야합니다.
이것이 내가 이루고 싶은 것입니다.
원래 코드 :
<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