Css 角度4-通过ng内容访问formControl状态

我想为我的表单元素创建自定义样式。因此，我必须向每个输入添加一个父元素并选择元素。父元素将包含样式的CSS类。例如：

<div class="o-form-field is-valid">
  <input formControlName="foo">
</div>
<div class="o-form-field is-invalid">
  <input formControlName="bar">
</div>
<div class="o-form-field has-error">
  <input formControlName="baz">
</div>

我正在寻找一个解决方案，在这个解决方案中，我可以用一个监视子输入状态的组件来替换外部DIV，并找出需要哪些类。在DIV的模板中呈现DIV并转置输入元素。所以我的表单模板看起来像这样

<form-field-container>
  <input formControlName="foo">
</form-field-container>
<form-field-container>
  <input formControlName="bar">
</form-field>
<form-field-container>
  <input formControlName="baz">
</form-field>

---

我使用的是反应式表单。

您可以将可观察到的

statusChanges

作为道具传递给包装器组件，在那里订阅并根据状态消息进行操作。这些可观察内容可以通过yourForm.get（'bar'）、statusChanges（/code>等方式访问。如果您知道如何监听状态更改，如“触碰”和“脏”，您可以将一个

statusChanges（/code>可观察内容）作为道具传递给包装器组件，在那里订阅并根据状态消息进行操作。这些观察值可以通过以下方式访问：
yourForm.get（'bar'）。statusChanges
等。您有没有可能知道如何监听诸如“触碰”和“脏”之类的状态更改？