有没有办法读取 Ion-Segment 值以将它们传递给 Ion-Fab，以根据 SwitchCase 实现运行不同的功能？

Question

我目前有一个带有两个 switchCases 的 Ion-Segment。即管理与市场。但是，我想包含一个 FAB 按钮以运行不同的功能，具体取决于用户所在的 SwitchCase。

我已经尝试过将 FAB 放在 SwitchCase 选项中，但是 FAB 似乎在页面上滚动而不是停留在页面上。

晶圆厂应该运行不同开关盒的不同功能。

//段代码

    <ion-header>
        <ion-segment [(ngModel)]="options" color="grey">
            <ion-segment-button value="Management">
                Management
            </ion-segment-button>
            <ion-segment-button value="Market">
                Crop Market
            </ion-segment-button>
        </ion-segment>
    </ion-header>

//CODE FOR IMPLEMENTATION OF THE SEGMENT

    <ion-content>
    <div [ngSwitch]="options" class="management-class"> //FIRST SWITCH CASE
    <div *ngSwitchCase="'Management'">
    <//MANAGEMENT CONTENT FOR THIS SWITCH CASE>
    </div>
    </div>

    <div [ngSwitch]="options" class="management-class">//SECOND SWITCH CASE
    <div *ngSwitchCase="'Market'">
    <//MARKET CONTENT FOR THIS SWITCH CASE>
    </div>
    </div>

    //This is the ion-fab button to that switches functions based on the users current switch case.

    <ion-fab right bottom>
        <button *ngIf="this.options=Market" ion-fab (click)="addToMarket()" color="primary" mini><img src="assets/imgs/add1.png"></button>
        <button *ngIf="this.options=Management" ion-fab (click)="plantNew()" color="primary" mini><img src="assets/imgs/add1.png"></button>
    </ion-fab>

</ion-content>

Answer 1

在您的细分市场上使用 ionChange 事件，例如：

<ion-segment (ionChange)="segmentChanged($event)">
    <ion-segment-button value="friends">
      <ion-label>Friends</ion-label>
    </ion-segment-button>
    <ion-segment-button value="enemies">
      <ion-label>Enemies</ion-label>
    </ion-segment-button>
  </ion-segment>

在你的component.ts

segmentChanged(e){
    console.log(e.detail.value)
    this.segmentValue = e.detail.value;
}

改变你的价值观：

<ion-fab right bottom>
        <button *ngIf="segmentValue == 'friends'" ion-fab (click)="addToMarket()" color="primary" mini><img src="assets/imgs/add1.png"></button>
        <button *ngIf="segmentValue == 'enemies'" ion-fab (click)="plantNew()" color="primary" mini><img src="assets/imgs/add1.png"></button>
    </ion-fab>

有没有办法读取 Ion-Segment 值以将它们传递给 Ion-Fab，以根据 SwitchCase 实现运行不同的功能？

Is there a way to read Ion-Segment values to pass them to an Ion-Fab to run different functions depending on the SwitchCase?

ionic-framework

ionic3

有没有办法读取 Ion-Segment 值以将它们传递给 Ion-Fab，以根据 SwitchCase 实现 运行 不同的功能？

Is there a way to read Ion-Segment values to pass them to an Ion-Fab to run different functions depending on the SwitchCase?

ionic-framework

ionic3

有没有办法读取 Ion-Segment 值以将它们传递给 Ion-Fab，以根据 SwitchCase 实现运行不同的功能？