生成错误

Question

我有以下代码片段

  <input type = "number"
         min = "0"
         max = "120"
         #yearsCtrl = "ngForm"
         [ngFormControl] = "ageForm.controls['yearsCtrl']"
         [(ngModel)] = "age.years"
         id = "years">

class Age
{
  int years = 0;
}

class AgeComponent {
....
  AgeComponent( FormBuilder fb, ModelService
  ageSrvc) {
    ageForm = fb.group( {
      'yearsCtrl': [''],
    } );
    _yearsCtrl = ageForm.controls['yearsCtrl'];

    age = new Age()
  }

...

}

我尝试运行应用程序时出现以下错误（部分）

>EXCEPTION: type 'String' is not a subtype of type 'num' of 'value'. in [AST]
  EXCEPTION: type 'String' is not a subtype of type 'num' of 'value'. in [AST]
    (anonymous function)    
  ORIGINAL EXCEPTION: type 'String' is not a subtype of type 'num' of 'value'.
    (anonymous function)    
  ORIGINAL STACKTRACE:
    (anonymous function)    
  #0      NumberValueAccessor.writeValue (package:angular2/src/common/forms/directives/number_value_accessor.dart:38:23)
#1      setUpControl (package:angular2/src/common/forms/directives/shared.dart:34:21)
#2      NgFormControl.ngOnChanges (package:angular2/src/common/forms/directives/ng_form_control.dart:111:7)
...

似乎type="num "没有被处理。我怀疑年龄int也可能是一个问题，因为它是一个int，但需要一个string。从sting到int的反向转换也可能是一个问题。

任何帮助是值得赞赏的。

谢谢

Answer 1

该字段的类型必须为字符串。Angular 不会转换该值。

类似于Polymer dart：数据将整数值绑定到String属性

另见

>

如何使用Dart将字符串解析为数字？

有没有更好的方法来解析Dart中的int

自定义值访问器可能会有所帮助。有关示例，请参阅此普伦克。
组件地址实现控制值访问器与写值（v），寄存器在更改（fn），寄存器在触摸（fn））