Angular 驗證按鈕作為模板驅動表單中的字段

Question

我有一個作為結果的表單字段，其中我使用了模板驅動的 Angular 表單。 我能夠驗證帶有下拉菜單、輸入、單選、復選框和其他輸入字段的表單。 但是對於不同的規則有通過、失敗和不適用的按鈕。 如何在按鈕上應用必填字段。 有什么辦法可以做到這一點？ 附上截圖以便理解。 或者我應該使用單選按鈕組並將它們設置為按鈕。

Answer 1

這可以通過根據條件使用 ngClass 或 ngStyle 來實現。 在這里，您可以將這些按鈕與禁用屬性綁定並相應地應用 styles。 例如，其中一些是通過的。 它應該被突出顯示並且 rest 應該被禁用。 這是可控的。

其他選項就像您所說的使用單選按鈕並使它們看起來像按鈕，這將使它更容易，因為您將能夠在單選按鈕的情況下使用值更改。