android - 在 ionic 框架中，默认情况下如何将第一个 ionic 段按钮设置为 Activity 状态？

在ionic2中，如何将ion-segment-button中的第一个ion-segment设置为active state中？我试图通过将active class提供给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处于非 Activity 状态并与之对应，

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

处于 Activity 状态。这该怎么做？

最佳答案

这应该会有所帮助:http://ionicframework.com/docs/v2/components/#segment

同样，如果开始时没有home_tabs的值，则 ionic 段组件将不知道您到底想要什么。为了解决这个问题，您可以在构造函数上默认使home_tabs ='A'，因此第一个按钮将始终处于 Activity 状态

这是在您的组件中:

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是pet，并且在构造函数中将pet设置为“puppies”，因此ion-segment组件将使具有“puppies”值的按钮成为 Activity ion-segment-button

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

关于android - 在 ionic 框架中，默认情况下如何将第一个 ionic 段按钮设置为 Activity 状态？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/35562622/