如果在没有[（ngModel）] angular 2 ionic 2的情况下取消选中ion-checkbox，则将ion-input的值设置为null

Question

当我取消选中离子复选框时，我想清空离子输入值。

<ion-item>
    <ion-label class = "Price">Fixed Price
        <ion-checkbox #FixedPrice></ion-checkbox>
    </ion-label>
</ion-item>
<ion-item>
    //I want to do something like that.
    <ion-input [value = ""]  = "!FixedPrice.checked"></ion-input>
    // i.e when I uncheck the ion-checkbox it should set the value of ion-input to "".
</ion-item>

如果您需要别的东西，请告诉我。

Answer 1

您可以通过(tap)活动实现这一目标。

*。compnent.html

<ion-item>
    <ion-label class = "Price">Fixed Price
        <ion-checkbox [(ngModel)]="fixedPrice" (tap)="fixedPriceCheck()"></ion-checkbox>
    </ion-label>
</ion-item>
<ion-item>
    <ion-input [(ngModel)]="priceInput"></ion-input>
</ion-item>

*。component.ts

public fixedPrice: boolean = false;
public priceInput: string = '';

public fixedPriceCheck(): void {
    if (!this.fixedPrice) {
        this.priceInput = '';
    }
}