Ionic2で入力を有効にする方法

Question

marca（ブランド）、modelo（モデル）、およびcombustible（エンジンタイプ）の3つの入力フィールドがあります。私はmodeloと可燃性が最初に無効になっている必要がありますが、ブランド（marca）が選択されると有効になります。

<ion-item> 
    <ion-label stacked>Marca</ion-label> 
    <ion-select [(ngModel)]="marca" (ionChange)="getModelos($event, marca)" cancelText="Cancelar" placeholder="Selecciona una marca..."> 
     <ion-option *ngFor="let marca of marcas" value="{{marca.code}}">{{marca.name}}</ion-option> 
    </ion-select> 
    </ion-item> 


    <ion-item> 
    <ion-label stacked>Modelo</ion-label> 
    <ion-select [(ngModel)]="modelo" (ionChange)="getVersiones($event, modelo, combustible)" cancelText="Cancelar" placeholder="Selecciona un modelo..." ng-disabled="!modelo"> 
     <ion-option value="" selected="true">Selecciona...</ion-option> 
     <ion-option *ngFor="let modelo of modelos" value="{{modelo.code}}">{{modelo.name}}</ion-option> 
    </ion-select> 
    </ion-item> 

<ion-item> 
    <ion-label stacked>Combustible</ion-label> 
    <ion-select [(ngModel)]="combustible" (ionChange)="itemTapped($event, combustible)" cancelText="Cancelar" placeholder="Selecciona una marca..." disabled> 
    <ion-option value="" selected="true">Selecciona...</ion-option> 
    <ion-option *ngFor="let combustible of combustibles" value="{{combustible.code}}">{{combustible.value}}</ion-option> 
    </ion-select> 
</ion-item> 

Answer 1

あなたはそれを達成するためにイオンを選択し、「マルカ」モデルの「使用禁止」属性を使用することができます。

<ion-item> 
    <ion-label stacked>Marca</ion-label> 
    <ion-select [(ngModel)]="marca" (ionChange)="getModelos($event, marca)" cancelText="Cancelar" placeholder="Selecciona una marca..."> 
     <ion-option *ngFor="let marca of marcas" value="{{marca.code}}">{{marca.name}}</ion-option> 
    </ion-select> 
    </ion-item> 


    <ion-item> 
    <ion-label stacked>Modelo</ion-label> 
    <ion-select [disabled]="marca" [(ngModel)]="modelo" (ionChange)="getVersiones($event, modelo, combustible)" cancelText="Cancelar" placeholder="Selecciona un modelo..."> 
     <ion-option value="" selected="true">Selecciona...</ion-option> 
     <ion-option *ngFor="let modelo of modelos" value="{{modelo.code}}">{{modelo.name}}</ion-option> 
    </ion-select> 
    </ion-item> 

<ion-item> 
    <ion-label stacked>Combustible</ion-label> 
    <ion-select [disabled]="marca" [(ngModel)]="combustible" (ionChange)="itemTapped($event, combustible)" cancelText="Cancelar" placeholder="Selecciona una marca..."> 
    <ion-option value="" selected="true">Selecciona...</ion-option> 
    <ion-option *ngFor="let combustible of combustibles" value="{{combustible.code}}">{{combustible.value}}</ion-option> 
    </ion-select> 
</ion-item>