Css 将浏览器内置的所需属性验证与Angular 5结合使用？

我正在使用Angular 5构建一个应用程序。我使用角度的反应形式创建了一个表单

在输入中，我使用所需的HTML5验证属性。当我提交表单且输入为空时，我希望浏览器内置输入验证：

但什么都没有

浏览器是否内置了验证所需输入字段的行为？我可以激活它并且仍然使用FormBuilder吗

从'@angular/core'导入{Component}；
从'@angular/forms'导入{FormBuilder，FormGroup}；
@组成部分({
选择器：“应用程序系统创建”，
templateUrl:“./system create.component.html”，
样式URL:['./system create.component.scss']
})
导出类SystemCreateComponent{
表格：表格组；
建造师(
私人fb:FormBuilder
) {
this.form=fb.group({
短名称：“”
});
}
onSubmit（）{
控制台。登录（“提交时”）；
}
}

简称
斯皮切恩

您应该尝试在表单元素中添加属性

ngNativeValidate

，以防止Angular添加html属性。如角度指令文档中所述

如果要对角度表单使用本机验证，只需添加

ngNativeValidate

属性

---

您应该尝试在表单元素中添加属性

ngNativeValidate

，以防止Angular添加html属性。如角度指令文档中所述

如果要对角度表单使用本机验证，只需添加

ngNativeValidate

属性

---

如果将“onSubmit（）”更改为“onSubmit（e）{e.preventDefault（）”，此行为是否继续？我尝试了：

（ngSubmit）=“onSubmit（$event）”

和

onSubmit（e）{e.preventDefault（）；}

但是仍然没有通过浏览器进行验证。有趣的是，看看这个插件：，这里我可以看到validtion看起来像是导入ReactiveFormsModule让它被禁用。你是对的，导入ReactiveFormsModule似乎会禁用它。嗯，你知道如何保持本机浏览器验证吗？如果你改变，这种行为会继续吗“onSubmit（）”到“onSubmit（e）{e.preventDefault（）”？我尝试了：

（ngSubmit）=“onSubmit（$event）”

和

onSubmit（e）{e.preventDefault（）；}

但是仍然没有通过浏览器进行验证。有趣的是，看看这个插件：，这里我可以看到validtion看起来像是导入ReactiveFormsModule让它被禁用。你是对的，导入ReactiveFormsModule似乎禁用了它。嗯，你知道如何保持本机浏览器验证吗？