我正在制作简单的表格,并且不想一次又一次重复相同的组件。因此,我创建了一些将其他输入分组在一起的组件。
这是示例项目: https://stackblitz.com/edit/angular-material-with-angular-v5-5whzeh
如您所见:输入仍然无效,但表格整体上是有效的。我应该添加些什么才能使其正常工作?
编辑:
在演示中可以看到:输入不包含任何文本(为空)时无效。没关系。但是看看表格的有效性。完全忽略输入的有效性总是有效的。
我认为会是这样:
输入:有效,格式:有效
输入:无效,格式:无效
答案 0 :(得分:0)
您在stackblitz演示的控制台中遇到错误。
错误 错误:mat-form-field必须包含MatFormFieldControl。您是否忘记将matInput添加到本机输入或textarea元素?
要解决此问题,只需在属性中的任意位置添加Description
。像这样:
matInput
这应该消除错误,并显示表单有效性的输出。