Кнопка ионного сегмента: динамически проверена, не работает

Question

В моем приложении angular я пытался динамически генерировать кнопки иона-сегмента для каждого дня недели, а затем сначала проверять сегодня.

шаблон:

<ion-segment class="ion-padding" (ionChange)="onChangeDay($event)">
<div [ngSwitch]="weekday" *ngFor="let weekday of workweek">
  <ion-segment-button *ngSwitchCase="workweek[today]" [value]="weekday" checked>{{weekday}}</ion-segment-button>
  <ion-segment-button *ngSwitchDefault [value]="weekday">{{weekday}}</ion-segment-button>
</div>

соответствующий код:

public workweek = ['mon', 'tue', 'wed', 'thu', 'fri']; 
public today = new Date().getDay()-1;

onChangeDay(event: Event) {

}

Answer 1

Я решил это, используя ngModel

шаблон:

<ion-segment class="ion-padding" (ionChange)="onChangeDay($event)" [(ngModel)]="segment">
   <ion-segment-button *ngFor="let weekday of workweek; let i = index;" [value]="i"> 
   {{weekday}}</ion-segment-button>
</ion-segment>

машинописный код:

public workweek = ['mon', 'tue', 'wed', 'thu', 'fri']; 
public today = new Date().getDay()-1;

onChangeDay(event: Event) {

}