チェックボックスをオフにすると送信ボタンを非表示にします3角度2+

Question

私が作業しているフォームには2つのトグルがあり、チェックするとフォームが送信されます。しかし、私はボタンを無効にすることができ、いずれかのトグルがチェックされている場合、現在のロジックがボタンを有効にしている間、両方のトグルがチェックされている場合にのみボタンを有効にすることができませんでした。

<ion-item> 
    <ion-label style="font-size:14px">I am over 13 years of age</ion-label> 
    <ion-toggle [(ngModel)]="age" checked="false" [ngModelOptions]="{standalone: true}"></ion-toggle> 
    </ion-item> 

    <ion-item > 
    <ion-label style="font-size:14px" class="line-break">I agree to the <a (click)="openModal('privacy')">Privacy Policy</a> & <a (click)="openModal('terms')">Terms</a></ion-label> 
    <ion-toggle [(ngModel)]="termsprivacy" checked="false" [ngModelOptions]="{standalone: true}"></ion-toggle> 
    </ion-item> 

    <button [(disabled)]="termsprivacy && age" ion-button block type="submit"> 
    Create an Account 
    </button> 

Answer 1

[OK]を、この作品、ノート[(disabled)]="!termsprivacy || !age"：

<ion-item> 
    <ion-label style="font-size:14px">I am over 13 years of age</ion-label> 
    <ion-toggle [(ngModel)]="age" checked="false" [ngModelOptions]="{standalone: true}"></ion-toggle> 
    </ion-item> 

    <ion-item > 
    <ion-label style="font-size:14px" class="line-break">I agree to the <a (click)="openModal('privacy')">Privacy Policy</a> & <a (click)="openModal('terms')">Terms</a></ion-label> 
    <ion-toggle [(ngModel)]="termsprivacy" checked="false" [ngModelOptions]="{standalone: true}"></ion-toggle> 
    </ion-item> 

    <button [(disabled)]="!termsprivacy || !age" ion-button block type="submit"> 
    Create an Account 
    </button> 

Answer 2

あなたの提出を処理した後、あなたはそれらを設定している他の後、彼らは常にtrueに設定され、ボタンは常に無効になり、これらの変数を設定する必要があります。

termsprivacy == falseを& &年齢== falseを