如何将所需的验证垫错误添加到角度8中的垫列表中

Question

我需要以表格形式显示列表项 列表项应由用户从输入字段中加载。 如果列表为空，则在提交表单时，表单将显示错误消息。

Stackblitz Example codebase

Answer 1

当我查看您的代码时。 html代码正确，但是您尚未声明.ts文件中提交的变量。

因此您只需要在.ts文件中添加一个变量，如下所示：

submitted:boolean=false

调用方法 createNewTask（）时，只需在该方法中添加此行即可。

 createdNewTask(){
    this.submitted= true;
  } 

Answer 2

我通过使用“ mat-chip”和水平芯片列表而不是““ mat-list”来更改逻辑 这就是我可以添加formController属性和表单验证的方式