ion-segment-button：动态检查不工作答案

【问题标题】：ion-segment-button: dynamically checked not workingion-segment-button：动态检查不工作
【发布时间】：2020-02-28 09:56:53
【问题描述】：

在我的 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>

相关ts代码：

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

onChangeDay(event: Event) {

}

【问题讨论】：

标签： angular typescript ionic-framework ng-switch

【解决方案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) {

}

【讨论】：

【解决方案2】：

  <ion-segment value="all">
    <ion-segment-button value="all">
      <ion-label>All</ion-label>
    </ion-segment-button>

    <ion-segment-button value="bookable">
      <ion-label>Bookable</ion-label>
    </ion-segment-button>
  </ion-segment>

【讨论】：