Angular 如何修复'；加载时显示第一个内容'；

我有一个4个标识的列表。内容将根据选择的徽标显示。我需要在加载应用程序时显示第一个徽标内容。我在应用程序中使用Angular 7。我如何解决这个问题？ 请在下面查找代码

<div class="section-logos">
    <ul class="tem-icons">
        <li *ngFor="let phenomTem of phenomTems"
          [class.selected]="phenomTem === selectedTem"
          (click)="onSelect(phenomTem)" class="col-md" >
            <img src="{{ phenomTem.logoPath }}" alt="Logos">
        </li>
      </ul>
</div>

<div *ngIf="selectedTem" class="section-content">
    <div class="row">
        <div class="col-md-4">
            <small>{{selectedTem.sectionSubTitle}}</small>
            <h2>{{selectedTem.sectionTitle}}</h2>
            <p>{{ selectedTem.sectionDescription }}</p>  
        </div>
        <div class="col-md-8">
            <img src="{{ selectedTem.sectionImage }}" class="sectionimage" alt="image">
        </div>
    </div>
</div>

{{selectedTem.sectionSubTitle}
{{selectedTem.sectionTitle}
{{selectedTem.sectionDescription}}

您可以像这样更新

ngOnInit（）

ngOnInit() {
    this.onSelect(phenomTems[0]);
}