Невозможно связать toggleSwitch в сегменте Ionic 2
Я реализовал тумблер в сегменте следующим образом:
<ion-menu [content]="content" side="left" id="menuParameter">
<ion-header>
<ion-toolbar color="default">
<ion-segment [(ngModel)]="menu">
<ion-segment-button value="segment1">
<ion-title>
Segment1 without toggle (initialization segment)
</ion-title>
</ion-segment-button>
<ion-segment-button value="segment2">
<ion-title>
Segment 2 with toggle switch
</ion-title>
</ion-segment-button>
</ion-segment>
</ion-toolbar>
</ion-header>
<ion-content>
<div [ngSwitch]="menu">
<ion-list *ngSwitchCase="'segment1'">
By default here we are
</ion-list>
<ion-list *ngSwitchCase="'segment2'">
<!--impossible to bind because by default i am not in segment 2 but in segment 1, so the toggle switch is not set with true value-->
<ion-item>
<ion-label>There will be cake</ion-label>
<ion-label> {{isToggledd}} </ion-label>
<ion-toggle [(ngModel)]="isToggled" (ionChange)="notify()"></ion-toggle>
</ion-item>
</ion-list>
</div>
</ion-content>
</ion-menu>
вот мой контроллер:
export class AppComponent {
rootPage:any = HomePage;
public isToggled: boolean;
public menu: string = 'segment1'; /*show segment1 by default*/
constructor(
public platform: Platform,
public statusBar: StatusBar) {}
this.isToggled = true; /*toggle Switch set as TRUE*/
public notify() {
console.log("Toggled: "+ this.isToggled);
}}
Делая это, я ожидаю, что в моем SEGMENT2 будет такое поведение
но поведение, которое я получаю, следующее:
НО удивительно, если переместить тумблер в сегмент 1, поведение переключателя в порядке:
Обратите внимание, что значение Toggle всегда "true".
любая помощь?
1 ответ
При двойном нажатии на сегменте 2 все в порядке. Таким образом, можно программно вызвать второй щелчок автоматически (второй щелчок по кнопке сегмента 2 при выборе)?