javascript - AngularJS/CSS 选择器 - 表单验证

Question

简单问题:

为什么 summary类可以直接附加到 <span>元素而不是 ng-classes到 <form>标签？

是不是因为ng-classes稍后在运行时生成？准则是什么？

CSS:

HTML:

Answer 1

那不是你使用 ng-class 的方式。而是这样做:

<span class="summary" ng-class="{ 'ng-valid': myForm.$valid, 'ng-invalid': !myForm.$valid }">...</span>

如果你想按照你的方式去做，可以这样做:

<span class="summary {{ myForm.$valid ? 'ng-valid' : 'ng-invalid' }}">...</span>

下次您需要有关 stackoverflow 的帮助时，请粘贴代码而不是图像。会让事情变得容易得多。