将angular2与dart和数据驱动窗体一起使用时未显示错误消息

将angular2与dart和数据驱动窗体一起使用时未显示错误消息,dart,angular,angular2-forms,Dart,Angular,Angular2 Forms,我有以下代码片段: .html 模板中的*ngIf可能有问题,但我不确定。 你能告诉我为什么没有显示错误信息吗 谢谢试试: <span *ngIf="!formModel.controls.firstCtrl.valid">Invalid inputs for first</span> 第一次输入无效 我不知道FormBuilder上有任何HASRERROR函数。对于Dart,下面的工作第一个输入无效hasError()是AbstractControl上的一个函数,控

我有以下代码片段:

.html 模板中的*ngIf可能有问题,但我不确定。 你能告诉我为什么没有显示错误信息吗

谢谢

试试:

<span *ngIf="!formModel.controls.firstCtrl.valid">Invalid inputs for first</span>
第一次输入无效

我不知道FormBuilder上有任何HASRERROR函数。

对于Dart,下面的工作
第一个输入无效
hasError()
AbstractControl
上的一个函数,控件扩展
类控件扩展AbstractControl
。我需要一些机制来检索控件上的错误,这就是我尝试上述操作的原因。非常感谢你。
@Component(
    selector: 'name-form',
    templateUrl: 'name_form.html',
    directives: const [
      FORM_DIRECTIVES,
      CORE_DIRECTIVES,
      MaterialTextfield,
      MaterialButton
    ] )
class NameForm implements AfterViewInit {

  Name name = new Name( );

  ControlGroup formModel;
  Control firstCtrl = new Control( '', Validators.minLength( 2 ) );

  NameForm( FormBuilder fb ) {
    formModel = fb.group( {
      "firstCtrl": firstCtrl,
      );
  }

  void onInputHandler( event ) {
    String property = event.target.id;

    switch ( property ) {
      case 'first':
        firstCtrl.valid ? (name.first = firstCtrl.value) : name.first;
        print( name.first );
        break;
      }
...
}
<span *ngIf="!formModel.controls.firstCtrl.valid">Invalid inputs for first</span>