0
自分のページの1つにセグメントオプションを作成しました。コードは以下の通りです：イオン2セグメント、コンテンツdisapear
<div padding>
<ion-segment [(ngModel)]="accion">
<ion-segment-button value="crear">
Crear zona
</ion-segment-button>
<ion-segment-button value="modificar">
Modificar zona
</ion-segment-button>
</ion-segment>
</div>
<ion-card center *ngIf="accion=='crear'">
<ion-card-content>
<ion-list>
<ion-item>
<ion-label floating> Nombre del area: </ion-label>
<ion-input type="text" [(ngModel)]="nombreArea"> </ion-input>
</ion-item>
<ion-item>
<label>Dispositivo asociado:</label>
<ion-list>
<ion-item *ngFor="let dispositivo2 of dispositivosAnadir">
<ion-label> {{dispositivo2.name}} </ion-label>
<ion-checkbox color="royal" [(ngModel)]="dispositivo2.selected" value="dispositivo2.value"></ion-checkbox>
</ion-item>
</ion-list>
</ion-item>
</ion-list>
<div padding>
<button (click)="marcarTodos()" ion-button icon-left color="royal">
<ion-icon name="checkmark-circle"></ion-icon> Marcar todos
</button>
<button (click)="desmarcarTodos()" ion-button icon-left color="royal">
<ion-icon name="radio-button-off"></ion-icon> Desmarcar todos
</button>
</div>
<div padding>
<button (click)="startShape()" [disabled]="pintando" ion-button icon-left color="royal">
<ion-icon name="brush"></ion-icon> Pintar zona
</button>
<button (click)="endShape()" [disabled]="!pintando" ion-button icon-left color="royal">
<ion-icon name="flag"></ion-icon> Fin pintar zona
</button>
<button (click)="cancelShape()" [disabled]="!pintando" ion-button icon-left color="royal">
<ion-icon name="close"></ion-icon> Cancelar
</button>
</div>
</ion-card-content>
</ion-card>
<ion-card center *ngIf="accion=='modificar'">
<ion-card-content>
<ion-list>
<ion-item>
<ion-label>Seleccionar zona: </ion-label>
<ion-select [(ngModel)]="zonasSelector.seleccionada" (ionChange)="cambioZonaSeleccionada()">
<ion-option *ngFor="let zona of zonasSelector.array" [value]="zona.value">{{zona.name}}</ion-option>
</ion-select>
</ion-item>
<ion-item>
<ion-list>
<ion-item *ngFor="let dispositivo of dispositivosModificar">
<ion-label> {{dispositivo.name}} </ion-label>
<ion-checkbox color="royal" [(ngModel)]="dispositivo.selected" value="dispositivo.value" [disabled]="zonasSelector.seleccionada == null"></ion-checkbox>
</ion-item>
</ion-list>
</ion-item>
</ion-list>
<div padding>
<button ion-button icon-left (click)="modificarZona()" [disabled]="zonasSelector.seleccionada == null" color="royal">
<ion-icon name="checkmark"></ion-icon> Modificar
</button>
<button ion-button icon-left (click)="showConfirmDelete()" [disabled]="zonasSelector.seleccionada == null" color="royal">
<ion-icon name="trash"></ion-icon> Eliminar
</button>
</div>
</ion-card-content>
</ion-card>
前に、私はセグメントに分離することなくコンテンツを見せていたし、うまく働いたが、セグメントにそれを導入したとき、私は問題を抱えています。問題は両方のセグメントでチェックボックスのセットを表すngForがあり、ページが最初に読み込まれるときにチェックがうまく表示されますが、セグメントを変更しても問題はありませんが、checboxは消滅します。
誰でも知っていますか？