В ионном каркасе, как установить по умолчанию первую кнопку ионного сегмента в активном состоянии?

В ionic2 как настроить первую ion-segment-button в ion-segment в active state ? Я попытался сделать это, предоставив active class ion-segment-button с ion-segment-button например:

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

Но это не сработало. Я хочу, чтобы первая ion-segment-button с ion-segment-button была неактивной и соответствовала,

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

Быть активным. Как это сделать?

    Это должно быть полезно: http://ionicframework.com/docs/v2/components/#segment

    Кроме того, если у вас нет значения для home_tabs в начале, чем компонент ионного сегмента, вы не будете знать, что именно вы хотите. Чтобы решить эту проблему, вы можете сделать home_tabs = 'A' по умолчанию на конструкторе, чтобы первая кнопка всегда была активной

    Это в вашем компоненте:

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

    Это в вашем 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> 

    Вы можете видеть, что ngModel – это домашнее животное, и в конструкторе он устанавливает, что домашнее животное является «щенком», поэтому компонент ионного сегмента сделает кнопку, которая имеет значение «щенков» активной кнопки с ионным сегментом

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

    Правильный способ сделать это в текущей версии выглядит так:

    В вашем компоненте:

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

    Это установит «щенки» в качестве активного сегмента по умолчанию

    Intereting Posts
    Будет ли Flurry для запуска / завершения баланса Android для сеансов? SetEmptyView в ListView не показывает его вид в приложении для Android Как заставить весь макет просмотреть обновление? Android, как масштабировать изображение с помощью параметров BitmapFactory В любом случае, ужасная производительность SecretKeyFactory с LVL и AESObfuscator? Добавление аргументов в AndroidAnnotation с добавлением bean-компонентов Как разрешить java.net.BindException: сбой связи: EADDRINUSE (адрес уже используется) Создание ListView с настраиваемыми элементами списка программным способом в Android – нет элемента списка элементов xml Нарисовать траекторию движения с одним касанием в android Отправить ключ ввода с помощью robotium для тестирования Android? Как получить полное разрешение и несжатые данные изображения с камерой Android? Как определить, установлено ли приложение Android с веб-представлением? Запуск службы android с использованием явного или неявного намерения Данные не загружаются в WebView, но загружаются после блокировки – устройство разблокировки Сохранение учетных данных в приложении для Android