dart - 如何在 Dart 中使用 Angular2 实现自定义验证器？

Question

我的代码:

<input #rtc="ngForm" 
       type="number" 
       min="1" 
       max="43200" 
       style="text-align: center" 
       [(ngModel)]="device.rtc" 
       ngControl="rtc" 
       required>

ngControl 不跟踪数字类型输入的有效状态。如何自己实现输入验证器？

这是我的测试代码:

Dart :

class MyComponent 
{
    Control ctrlRtc = new Control('test', rtcValidator);

    static Map<String, bool> rtcValidator(Control control)
    {
        print(111); 
    } 
}

HTML 模板:

<input 
    #deviceRtc="ngForm"
    type="number"
    min="1"
    max="43200"
    style="text-align: center" 
    [(ngModel)]="device.rtc"
    ngControl="ctrlRtc" <!-- also tried 'rtc'-->
>

“111”从未在控制台中显示...

Answer 1

类似于:

this.myForm = fb.group({  
  'rtc':  ['', MyValidator.validate]  
});


class MyValidator {
  static Map<String, bool> validate(Control control) {
    if(control.value !...) {
      return {'someErrorKey': true};
    }
    return null;
  }
}

(未测试)