İyonik çerçevede, varsayılan olarak aktif durumda ilk iyon segmenti düğmesinin nasıl ayarlanacağı?

Question

ionic2 'da 'un içinde ion-segment'da ilk ion-segment-button nasıl ayarlanır? Ben ion-segment-button benzeri active class sağlayan yapmak çalıştık:

<div padding> 
    <ion-segment [(ngModel)]="home_tabs"> 
     <ion-segment-button class="segment-button segment-activated" value="A">A 
     </ion-segment-button> 
     <ion-segment-button value="B">B 
     </ion-segment-button> 
    </ion-segment> 
</div> 

Ama bu çalıştı olmadı. Ben

<ion-list *ngSwitchWhen="'A'" ></ion-list> 

aktif bir devlet olmasını, ilk ion-segment-button inaktif devlet ve ilgili olmak yapmak istiyorum. Bu nasıl yapılır?

Answer 1

Bu yararlı olmalıdır: http://ionicframework.com/docs/v2/components/#segment Ayrıca

, tam olarak ne istediğinizi bilemezsiniz iyon segment bileşeninden daha başında home_tabs için bir değer yok eğer. İlk düğmesi her zaman Bu bileşende olduğu

etkin olacaktır böylece yapıcı varsayılan olarak home_tabs = 'A' yapabilir bu çözmek için:

export class SegmentPage { 
    constructor() {  
    this.pet = "puppies"; 
} 
} 

Bu html içinde:

<ion-segment [(ngModel)]="pet"> 
    <ion-segment-button value="puppies"> 
     Puppies 
    </ion-segment-button> 
    <ion-segment-button value="kittens"> 
     Kittens 
    </ion-segment-button> 
    <ion-segment-button value="ducklings"> 
     Ducklings 
    </ion-segment-button> 
</ion-segment> 

Sen ngModel hayvan olduğunu ve yapıcı o iyon segment komponent değeri 'yavru Köpek' aktif iyon segment düğmesi vardır düğme yapacak böyle olmaya "yavru" için pet ayarlıyor görebilirsiniz

senin bileşeninde

: 10

https://github.com/driftyco/ionic-preview-app/tree/master/app/pages/segments/basic

Answer 2

geçerli sürümünde bunu yapmak için doğru yolu böyledir

Bu varsayılan olarak "yavru" ayarlayacaktır

export class SegmentPage { 
pet: string = "puppies"; 
    constructor() {} 
} 

aktif segmenti