Angular Form Builder可選必填字段

Question

我想根據另一個字段的選項將formbuilder的字段設置爲必填或不需要。

例如，如果我有2個選項「18歲以上」或「18歲以下」和一個提交「年齡」。 如果我選擇「18歲以上」選項。我必須讓「年齡」字段變成必需的（強制性的）。 如果我選擇「18歲以下」選項。 「年齡」字段變得不需要。

我如何使用表單構建器構建這個需求？我嘗試了很多，但沒有任何效果。

感謝您的支持。

Answer 1

我不確定是否有辦法直接使用FormBuilder執行此操作，但您應該可以通過在模板輸入中綁定[required]來完成此操作。

<input type='text' formControlName='age' [required]="form.get('over18').value === 'true'">

form成爲您FormGroup和true是您的複選框/收音機輸入的值的名稱。

如果over18字段爲true，則此操作將使表單無效，並且age字段中不會輸入任何內容。