在ionic2
中如何将ion-segment
中的第一个ion-segment-button
设置为active状态
?我试图通过向 ion-segment-button
提供 active class
来做到这一点,例如:
<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 的值,那么 ion-segment 组件将不知道您到底想要什么。要解决这个问题,您可以在构造函数中默认设置 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/