AngularDart自定义模型验证

Question

我想知道是否有人在AngularDart或Angular2中为Dart实现自定义模型验证的示例。我一直在阅读文档和存在的少数SO帖子，但我并不了解如何应用验证。我确实在AngularDart api中找到了NgValidator类，但没有关于如何在dart或html中实现的示例。

我也想知道你是否可以访问Dart中的NgModel对象。有这篇文章 - Get ng-model validation status in Dart code，但是它适用于旧版本的AngularDart，并且在我尝试使用时没有使用组件。我没有看到通过“范围”获得指令对象的明显方法。对象

Answer 1

好的，所以我想我只需要多一点时间来解决这个问题，但至少这里是我问题第一部分的答案。我进入'ng_model_validators.dart'看看其他模型验证器是如何实现的。我成功地为一个简单的用户名长度检查器实现了以下内容：

@Decorator(selector: '[ng-model][ng-username]')
class NgModelUsernameValidator implements NgValidator {

    final String name = 'ng-username';

    NgModelUsernameValidator(NgModel ngModel) {
        ngModel.addValidator(this);
    }

    bool isValid(String modelValue) =>
        modelValue.length > 5;
}