在没有 [(ngModel)] 的情况下取消选中 ion-checkbox 时，将 ion-input 的值设置为 null angular 2 ionic 2

Question

我想在取消选中 ion-checkbox 时清空 ion-input 值。

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