角材2 md選擇所需的不工作表單提交

我創建一個簡單的形式與文本框和下拉列表。兩者都是必需的。角材2 md選擇所需的不工作表單提交

當我點擊提交按鈕時，文本框變爲紅色，而下拉不變。

我想，當用戶點擊提交按鈕這兩個領域becames紅色。

我想念什麼？

2017-07-26 danyolgiax

你想讓它顯示下拉爲紅色還是不顯示？ – 0mpurdy

我相信這是因爲required驗證檢查，看是否FormControl是touched。

您可以手動執行此操作爲this question

submit(form) { 
    this.form.get('test2').markAsTouched() 
    console.log(form) 
}

描述這也是更好地使用(ngSubmit)而不是提交按鈕點擊事件。

2017-07-26 15:43:40 0mpurdy

是的，它的工作原理！但即使我沒有碰它，文本框驗證也能正常工作。這不是一個錯誤嗎？ – danyolgiax

我真的不知道 - 我已經搜索了一下，但找不到任何關於它的東西。也許其他人可以闡明一些看法，我會更新我的答案 – 0mpurdy

你在你的代碼（選擇外形example.ts），它告訴角度，這是一個必填字段，因此紅色框爲驗證失敗有

'test1': new FormControl("", Validators.required)

。嘗試

'test1': new FormControl("")

2017-07-26 15:29:12 ojf

我想他是問這個相反:)希望他澄清！ – 0mpurdy

當用戶點擊提交按鈕時，我希望這兩個字段都變成紅色！ – danyolgiax

標題顯示「md-select不需要表單提交」... md-select是必需的，但它不起作用。我更新了這個問題，我希望現在清楚。 – danyolgiax

回答