ngSwitch 在 ionic2 中设置预选值

Question

所以我有以下代码。

<ion-segment [(ngModel)]="place">
  <ion-segment-button value="prehospital">
    Prehospital
  </ion-segment-button>
  <ion-segment-button value="hospital">
    Hospital
  </ion-segment-button>
  <ion-segment-button value="dx">
    Dx - Symptoms
  </ion-segment-button>
  </ion-segment>
</div>

<div [ngSwitch]="place">

  <ion-list *ngSwitchCase="'prehospital'"></ion-list>
  <ion-list *ngSwitchCase="'hospital'"></ion-list>
  <ion-list *ngSwitchCase="'dx'"></ion-list>

现在，当页面打开时，它是空白的，用户必须点击上述三个选项之一才能看到内容。如何设置预选值，当用户点击打开页面时，默认打开三个选项之一（前医院）？

Answer 1

您只需使用 .ts 文件中的内容初始化您的 place 变量。

假设你有place: string;，你可以改用place: string = 'hospital'。