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: string;变量。

假设您有place: string = 'hospital'，则可以改为使用Failed to list *api.Pod: Get http://138.68.43.202/api/v1/pods?fieldSelector=spec.nodeName%3D138.68.236.47&resourceVersion=0: dial tcp 138.68.43.202:80: getsockopt: connection refused。

ngSwitch在ionic2中设置预选值

1 个答案: