如何在angular 4中使用“app-form-group-control- Validation display”显示自定义验证错误信息

在Angular 4中，可以使用"app-form-group-control-validation-display"来显示自定义验证错误信息。这个指令可以用于在表单控件的旁边或下方显示验证错误消息。

首先，确保你已经在Angular项目中引入了FormsModule。然后，在你的组件模板中，找到需要显示验证错误信息的表单控件，并在其外部包裹一个div元素。给这个div元素添加"app-form-group-control-validation-display"指令，并传入表单控件的引用作为参数。

下面是一个示例：

<form>
  <div class="form-group" app-form-group-control-validation-display [control]="myFormControl">
    <label for="myInput">My Input</label>
    <input type="text" id="myInput" class="form-control" [formControl]="myFormControl">
  </div>
</form>

在上面的示例中，我们使用了一个名为"myFormControl"的FormControl实例来表示表单控件。通过将这个FormControl实例传递给"app-form-group-control-validation-display"指令的"control"参数，我们告诉Angular要在这个div元素中显示与该表单控件相关的验证错误信息。

请注意，"app-form-group-control-validation-display"指令是一个自定义指令，你需要在你的应用中定义它。你可以在你的组件文件中创建一个名为"FormGroupControlValidationDisplayDirective"的指令，并在其中实现显示验证错误信息的逻辑。

这样，当表单控件的验证失败时，"app-form-group-control-validation-display"指令就会根据FormControl的错误信息动态显示相应的错误消息。

关于Angular 4中自定义验证错误信息的更多信息，你可以参考腾讯云的Angular开发文档：Angular开发文档。

希望这个答案能够满足你的需求，如果有任何问题，请随时提问。