angular - 从子组件Angular控制form.valid

Question

我正在 Angular 中创建一个简单的文本框组件。我想对此文本框进行验证，例如 if value == "xyz" 那么父组件的（带有表单标签）form.valid 应该为 false，以便将其添加到表单的错误列表中

我的文本框组件的 html 是

  <input type="text">

我在这样的父组件中使用这个组件

<form #form="ngForm">
.
.
.
<app-ec-textbox  </app-ec-textbox>

我想要的是如果文本框中的某些类型“xyz”，表单验证应该失败，以便我可以禁用保存按钮。我想从文本框组件而不是父组件实现它。不确定我在问明智的问题。

 <button [disabled]="!form.valid></button>

标签： angular