<input>の最大値は、別の値<input>の角2の成分を使用します。

Question

2つのタイプのコンポーネントがあります。最初のコンポーネントは有効な番号が入力されるまで無効になります。

最初のコンポーネントに有効な番号が入力されるまで、2番目のコンポーネントは無効です。

0と最初の入力の値の間の数字が許可されるように、2番目の検証を有効にします。

どうすればよいですか？

マイHTML：

<ion-item> 
    <ion-label stacked>Number of previous pregnancies *</ion-label> 
    <ion-input formControlName="prevPregnancies" type="number" (ionChange)="prevPregChange()"></ion-input> 
</ion-item> 
<ion-item> 
    <ion-label stacked>Number of previous deliveries *</ion-label> 
    <ion-input [disabled]="prevPregnanciesValid" formControlName="prevDeliveries" type="number" max="{{ prevPregnancies }}"></ion-input> 
</ion-item> 

Answer 1

あなたが試してみてください：

<ion-input [disabled]="prevPregnanciesValid" formControlName="prevDeliveries" type="number" [max]="formGroup.get('prevPregnancies').value"></ion-input>

を置き換えてください 'formGroup' あなたの実際のフォーム・グループの名前で。