如何在ngTagsInput(而不是正则表达式)中进行自定义验证?

时间:2015-05-06 12:13:27

标签: javascript angularjs validation angularjs-directive ng-tags-input

例如,我想添加自定义验证,其中addedValue< 20,如何实现它?

<tags-input ng-model="numbers"
        placeholder="Add a number"
        min-length="1"
        max-length="3"
        allowed-tags-pattern="^[0-9]+$"
        onTagAdded="$tag<20"></tags-input>

这是我使用的代码。

1 个答案:

答案 0 :(得分:8)

您可以使用on-tag-adding属性检查它是否为有效标记:

<tags-input ng-model="numbers" 
            placeholder="Add a number" 
            min-length="1"
            max-length="3"
            on-tag-adding="checkTag($tag)">
</tags-input>

在您的控制器中:

$scope.checkTag = function(tag) {
    // check if its a valid number and smaller than 20
    return !isNaN(tag.text) && +tag.text < 20;
}