Nel framework ionico come impostare il primo pulsante del segmento ionico nello stato attivo di default?

Question

In ionic2 come impostare il primo ion-segment-button in ion-segment in active state? Ho cercato di farlo con fornire il active class al ion-segment-button come:

<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> 

ma questo non ha funzionato. Voglio fare la prima ion-segment-button ad essere stato inattivo e corrispondenti,

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

di essere stato attivo. Come fare questo?

Answer 1

Questo dovrebbe essere utile: http://ionicframework.com/docs/v2/components/#segment

Inoltre, se non avete un valore per home_tabs all'inizio rispetto alla componente di ioni-segmento non saprà che cosa esattamente si vuole. Per risolvere questo si può fare home_tabs = 'A' di default sul costruttore in modo che il primo pulsante sarà sempre attivo

Questo è nel componente:

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

Questo è nel tuo html:

<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> 

si può vedere ngModel è animali, e nel costruttore si sta mettendo animale domestico per essere "cuccioli", così la componente di ioni segmento farà il pulsante che ha l'ione-segmento-tasto valore 'cuccioli' attivo

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

Answer 2

Il modo corretto per farlo nella versione corrente è simile a questo:

nel componente:

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

Questo imposterà "cuccioli" come predefinito segmento attivo