Ionic2段與遠程數據

Question

我有下面的代碼在頁面中顯示2段離子Ionic 2應用程序。

<div padding> 
    <ion-segment [(ngModel)]="userType"> 
     <ion-segment-button value="latest"> 
     Latest 
     </ion-segment-button> 
     <ion-segment-button value="online" (ionChange)="getOnlineUsers()" > 
     Online 
     </ion-segment-button> 
    </ion-segment> 
    </div> 

    <div [ngSwitch]="userType"> 
    <ion-list *ngSwitchCase="'latest'"> 
     <ion-item *ngFor="let user of allUsers"> 
     <ion-avatar item-left> 
      <img src="{{user.avatar}}"> 
     </ion-avatar> 
     <h2>{{ user.title }}</h2> 
     <p>{{ user.activityStamp | amFromUnix }} - {{user.online}}</p> 
     </ion-item> 
    </ion-list> 

    <ion-list *ngSwitchCase="'online'"> 
     <ion-item *ngFor="let user of onlineUsers"> 
     <ion-avatar item-left> 
      <img src="{{user.avatar}}"> 
     </ion-avatar> 
     <h2>{{ user.title }}</h2> 
     </ion-item> 
    </ion-list> 
    </div> 

問：

當我點擊 「在線」 段，遠程調用應該發生拿到網上只有用戶。我正在使用（ionChange），但它沒有任何影響。

Answer 1

您應該使用ionSelect（docs），而不是：

<div padding> 
    <ion-segment [(ngModel)]="userType"> 
     <ion-segment-button value="latest"> 
     Latest 
     </ion-segment-button> 
     <ion-segment-button value="online" (ionSelect)="getOnlineUsers()" > 
     Online 
     </ion-segment-button> 
    </ion-segment> 
    </div> 

Answer 2

Check Segment API docs。 ionChange由ion-segment而不是ion-segment-button發出。

務必：

<ion-segment [(ngModel)]="userType"> 
     <ion-segment-button value="latest"> 
     Latest 
     </ion-segment-button> 
     <ion-segment-button value="online" (ionSelect)="getOnlineUsers()"> 
     Online 
     </ion-segment-button> 
    </ion-segment> 

使用ionSelect事件。