Angular Material 2 md-select不需要在表单提交

Question

我创建了一个带有文本框和下拉列表的简单表单。两者都是必需的。

当我点击提交按钮时，文本框变为红色而下拉列表没有变化。

这里的傻瓜： https://embed.plnkr.co/oSe3JCMlB4jBNsjOgUoc/

当用户点击提交按钮时，我希望这两个字段都为红色。

我想念的是什么？

Answer 1

我认为这是因为required验证工具会检查FormControl是否为touched。

您可以按照this question

中的说明手动执行此操作

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

最好在提交按钮上使用(ngSubmit)而不是点击事件。

Live plunker example

Answer 2

你有

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

在您的代码（select-form-example.ts）中，它告诉角度它是必填字段，因此验证失败的红色框。尝试

'test1': new FormControl("")