Html 如何根据表单的状态有条件地格式化测试？

我试图根据表单的状态和验证条件，使表单在无效时显示红色文本，在有效时显示绿色文本。如何通过角度8实现这一点

（HTML）

表单状态：{Form.Status}

（TS）

---

创建无效的类CSS并将html调整为：

<p class="status">
   Form Status: 
   <span [class.invalid-class]="Form.invalid">
      {{ Form.status }}
   </span>
</p>

表格状态：
{{Form.status}

<p class="status">
   Form Status: 
   <span [class.invalid-class]="Form.invalid">
      {{ Form.status }}
   </span>
</p>