dart - 构建响应式(Reactive)表单时出现运行时错误

Question

尝试使用 dartdevc 在 Dart 中构建响应式(Reactive) Angular 表单时会发生此运行时错误:

Type 'List<Type>' is not a subtype of expected type 'num'. 

错误发生在我的 buildForm()功能。

  ControlGroup buildForm()
  {
    return FormBuilder.controlGroup(
      {
        // Error happens on the next statement 
        'fee': Control<num>([null, PositiveNumValidator]),
        'fi':  Control<num>([null, PositiveNumValidator]),
        'fo':  Control<num>([null, PositiveNumValidator]),
        'fum': Control<num>([null, PositiveNumValidator])
      });
  }

如果我删除 <num>在控制配置中，错误变为:

Type 'List<Type>' is not a subtype of expected type 'String'.

该函数的整个上下文是:

class MyForm implements OnInit
{
  ControlGroup form;
  ...

  ControlGroup buildForm()
  {...}

  @override
  ngOnInit()
  form = buildForm();
}

任何建议将不胜感激。

Answer 1

'fee': Control<num>([null, PositiveNumValidator]),

应该

'fee': Control<num>([null, PositiveNumValidator().validate]),

或者

'fee': [null, PositiveNumValidator().validate],

也可以看看

https://webdev.dartlang.org/api/angular_forms/angular_forms/FormBuilder-class

https://webdev.dartlang.org/api/angular_forms/angular_forms/Validators/required

https://webdev.dartlang.org/api/angular_components/angular_components/PositiveNumValidator/validate