Angular2-使用CSS NG -VALID造型断裂的模型驱动形式

Question

模板驱动表单的Angular2教程在这里使用以下CSS：

.ng-valid[required], .ng-valid.required {
  border-left: 5px solid #42A948; /* green */
}
.ng-invalid:not(form) {
  border-left: 5px solid #a94442; /* red */
}

这是一个不错的样式指示器，但是如果将其用于域驱动的形式，则只有红色状态（ng-invalid）。一旦必需的字段有效，它就不会变绿。

plunkr

任何想法如何使此功能工作？

Answer 1

在Stefan答案的帮助之后，这解决了问题：

.ng-valid:not(form), .ng-valid.required {
  border-left: 5px solid #42A948; /* green */
}

plunkr with fix。