forms - angular dart 形式的 ng-valid 和 ng-invalid 类不再暴露

Question

Dart :1.24.2； Angular :4.0.0；我根据 .ng-valid 创建了一些 CSS 规则和 .ng-invalid Angular 形式的类。但是，在最新版本中，似乎 ng-valid和 ng-invalid类不再暴露，所以我的 CSS 规则不再起作用。这是对的吗？如果是，我如何绕过此更改？

Edit1:测试用例我只是在我的 IDE (WebStorm) 中生成了一个带有 Angular 和 Angular Material 的全新元素。它生成一个简单的待办事项应用程序。我拿了 todo_list_component.html 并用 <form> 包裹了整个内容</form>标签。在 todo_list_component.dart 中，我为 angular_forms 添加了一个导入，并将 formDirectives 添加到指令列表中。检查 dartium 中的表格 no 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 列表中。然而，这导致每个使用表单的组件都为这些主机绑定(bind)付出代价。

现在，如果您想要这种行为，您需要在 @Component 的 directives 列表中明确包含 NgControlStatus。

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