Angular 7表單驗證和顯示錯誤消息

Question

請在Stackblitz中查看我的簡單表格

https://stackblitz.com/edit/angular-et9uww

我的表單包含2個復選框，如果我選擇其中一個復選框，它將填充一個文本框。 在我的方案中，我有2個復選框和2個文本框以及一個提交按鈕。

注意-就我而言，我有n個復選框和子問題

驗證包括-> 2個文本框是必需的

如果用戶提交表單而不輸入文本框，它將顯示錯誤消息。

重新創建步驟

1. 選中checkbox1，將顯示文本框，而沒有任何錯誤消息

屏幕截圖

2.然后提交表格將顯示錯誤。 那也行。

屏幕截圖

3. 選中checkbox2，再次出現新的文本框，並顯示錯誤消息，而無需單擊提交按鈕。

屏幕截圖

屏幕截圖

但我希望僅當用戶再次單擊提交按鈕時才顯示第二條錯誤消息。

謝謝

Answer 1

不知道我是否明白您的意思，但是請嘗試以下操作：

在您的組件中添加一些變量SubmitCount：數字； 然后，每當您單擊“提交”按鈕時，只需增加此計數器即可； 最后添加到第二個文本框“ submitCount> 1 &&”的ngIf中，應該這樣嗎？