Question

我需要在最外面的ng-form上设置一个css类，如果对于任何一个孩子，祖母ng-form，$ invalid是真的。

我有一个能够检查此问题的傻瓜。

有人试过吗？任何指针？

感谢。

Answer 1

表单元素也会获得一个ng-invalid类，所以这在CSS中起作用 - 你甚至不需要实现自己的error类：

form.ng-invalid {
   border: 1px solid red;
}

当所有输入都被填满时，边框将会消失。

Answer 2

您的CSS不正确。

您需要添加border-style：

.error{
    border-color: red;
    border-width: 1px;
    border-style: solid;
}

好消息？您对Angular的理解是正确的！ Angular无需任何配置即可支持您想要的内容。

在Angular形式中可以嵌套。这意味着当所有子表单都有效时，外部表单也是有效的。