小编Md *_*yat的帖子

如何在 angular 中默认选择 mat-list 中的第一项

我想知道如何在 angular 中默认选择 mat-list 的第一项。我尝试过但无法解决它。我的 mat-list 代码在这里

export class StationsListComponent implements OnInit {

  @Input() stations: Stations[];
  selectedStation: Stations;

  constructor() { }

  ngOnInit(): void {
    this.selectedStation = this.stations[0];
  }
}
Run Code Online (Sandbox Code Playgroud)
<mat-list role="list">
  <div *ngFor="let book of Books">
    <mat-list-item id="{{book.bookId}}" role="listitem" class="list-item" routerLink="/home/{{book.bookId}}" [routerLinkActive]="['is-active']">
      <div class="station-div">
          <div class="station-name">{{book.bookName}}</div>
          <div class="station-location">{{book.authorName}}</div>
      </div>
    </mat-list-item>
  </div>
</mat-list>
Run Code Online (Sandbox Code Playgroud)

typescript angular-material angular

0
推荐指数
1
解决办法
1730
查看次数

标签 统计

angular ×1

angular-material ×1

typescript ×1