Angular 6验证子组件并在从父组件单击按钮时显示内联错误消息

Question

我有一个父组件和一个子组件。 当您从父组件中单击按钮时，我想验证并在子组件字段中显示内联错误消息。

这是stackblitz网址： https://stackblitz.com/edit/angular-6-reactive-form-validation-vo1axj

谢谢 竞速赛

Answer 1

您可以使用@Input从父级获取价值 你可以在这里了解更多 https://angular.io/api/core/Input

<Child data = "data"> // in parent html

@Input() data: string; // use can get value in child using this

  

然后您可以使用Eventemitter将数据从子级发送到父级

在此处了解有关事件发射器的更多信息 https://angular.io/api/core/EventEmitter