使用Angular 2中另一个<input />组件的值限制<input />的最大数量

Question

我有2个类型编号的组件。第一个验证只允许0到20之间的数字。

第二个组件被禁用，直到第一个组件输入了有效数字。

我希望第二个被验证，所以允许0和第一个输入的值之间的数字。

我该怎么做？

我的 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>

请务必更换＆＃39; formGroup＆＃39;与您的实际表单组的名称。