组件组成-验证问题

时间:2019-04-23 21:19:28

标签: angular validation

我正在制作简单的表格,并且不想一次又一次重复相同的组件。因此,我创建了一些将其他输入分组在一起的组件。

这是示例项目: https://stackblitz.com/edit/angular-material-with-angular-v5-5whzeh

如您所见:输入仍然无效,但表格整体上是有效的。我应该添加些什么才能使其正常工作?

编辑:

在演示中可以看到:输入不包含任何文本(为空)时无效。没关系。但是看看表格的有效性。完全忽略输入的有效性总是有效的。

我认为会是这样:

输入:有效,格式:有效

输入:无效,格式:无效

1 个答案:

答案 0 :(得分:0)

您在stackblitz演示的控制台中遇到错误。

  

错误   错误:mat-form-field必须包含MatFormFieldControl。您是否忘记将matInput添加到本机输入或textarea元素?

要解决此问题,只需在属性中的任意位置添加Description。像这样:

matInput

这应该消除错误,并显示表单有效性的输出。

Updated Demo