Android 在ionic框架中，默认情况下如何将第一个离子段按钮设置为活动状态？

在

ionic2

中，如何将

离子段中的第一个
离子段按钮设置为处于
激活状态
？我曾尝试将
活动类
提供给
离子段按钮
，如：

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

处于活动状态。如何做到这一点
 这应该有帮助：

此外，如果您在开始时没有home_选项卡的值，那么ion segment组件将不知道您到底想要什么。要解决这个问题，您可以在构造函数上默认设置home_tabs='A'，以便第一个按钮始终处于活动状态

这在您的组件中：

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

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

这在您的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”，因此离子段组件将使具有值“puppies”的按钮成为活动离子段按钮

在当前版本中，正确的方法如下：

在您的组件中：

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

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

这会将“幼犬”设置为默认的活动段
4：-
我们可以写离子段的值属性-

<ion-segment (ionChange)="segmentChanged($event)" 
      value="javascript">
      <ion-segment-button value="python">
        <ion-label>Python</ion-label>
      </ion-segment-button>
      <ion-segment-button value="javascript">
        <ion-label>Javascript</ion-label>
      </ion-segment-button>
    </ion-segment>


python
Javascript
谢谢，让我看一下。：）这是什么
home\u选项卡
和值？我看不到任何显示“主页”选项卡的配置。文档示例中的配置写在哪里（在您的代码中，您将ngModel绑定到组件类中存在的名为home_tabs的变量。在构造函数中，您应该有：this.home_tabs='A'，这样离子段组件将获得值并激活相应的离子段按钮。您不需要手动添加段激活类是的，就是这样，我错了。）我完全同意了这一部分。非常感谢。@DenkoMancheski底部的链接不再有效。请更新帖子。