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

Question

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

这是堆栈闪电战网址： https://stackblitz.com/edit/angular-6-reactive-form-validation-vo1axj

谢谢 SJT

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

然后，您可以使用事件发射器将数据从子级发送到父

级

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