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事件。