当离子检查框未在没有[(ngmodel)]角2离子2的情况下，将离子输入到null的设置值

Question

我想取消选中离子-Checkbox时要空离子输入值。

<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 = '';
    }
}