Как исправить «Показывать первый контент при загрузке»

Question

У меня есть список из 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>

Answer 1

Вы можете обновить на ngOnInit(), как это

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