角度飞镖形式的ng-valid和ng-invalid类不再暴露

Question

飞镖:1.24.2; 角度:4.0.0; 我创建了一些基于角形式的CSS规则.ng-valid和.ng-invalid类.但是,在最后一个版本中,似乎ng-valid并ng-invalid没有暴露类,所以我的CSS规则不再有用.这是对的吗？如果是的话,我怎么能绕过这个改变？

编辑1:测试用例我只是在IDE(WebStorm)中使用角度和角度材质生成了一个全新的项目.它生成一个简单的待办事项应用程序.我拿了todo_list_component.html并用<form> </form>标签包装了整个内容.在todo_list_component.dart中,我为angular_forms添加了一个导入,并将formDirectives添加到指令列表中.在dartium中检查表单没有ng-valid添加任何类.在我的例子中,唯一添加的类是:class="_ngcontent-umj-2"

Edit2:快捷方式不是很优雅,但工作:

<form #form="ngForm" [class.ng-valid]="form.valid" [class.ng-invalid]="!form.valid">

Answer 1

是的,这个行为在最近发布的版本中发生了变化angular_forms.

此前,该NgControlStatus指令已列入清单formDirectives.但是,这会导致使用表单的每个组件为这些主机绑定付出代价.

现在,如果您想要这种行为,则需要NgControlStatus在directives列表中明确包含@Component.

https://github.com/dart-lang/angular/blob/master/angular_forms/lib/src/directives/ng_control_status.dart#L15