在Angular 2中，如何对子组件执行表单验证？

我有一个父组件，它有一个子组件

子组件是一个用户详细信息页面，用户在其中输入名称等

目前，我已将其连接起来，以便表单上的submit按钮有一个

（单击）

，它使用eventemitter通知父组件他们已提交表单。模型使用双向绑定，因此父组件可以拾取更改

因为我没有使用表单提交，所以单击按钮不会触发模型验证

是否有更好的方法涉及使用submit将数据获取到父组件，从而触发表单验证，或者是否有方法手动激活表单验证并仅在事件有效时继续触发事件

用户详细信息组件：

<h2>User Details</h2>
<label>Name</label>   {{userDetailsModel.Name}}<br>
<button (click)="formSubmitted();">Submit</button>

用户详细信息
名称{{userDetailsModel.Name}}

提交

表格提交方式：

@Output() 
notification: EventEmitter<string> = new EventEmitter<string>();

formSubmitted() {
    this.notification.emit("submit_click");
}

@Output（）
通知：EventEmitter=neweventemitter（）；
提交的表格（）{
此.notification.emit（“提交单击”）；
}

父组件：

<h2>Parent Component</h2>
<app-user-details [user]="user" 
    (notification)="notificationReceived($event)">
</app-user-details>

父组件

请发布代码。无论您是否提交，都会发布代码表单验证