ngModelChange 无法正常工作

Question

我正在手动进行最大长度验证

这里是代码。

<input class="inputsyle" [(ngModel)]="Modelvalue" 
(ngModelChange)="variantvaluevalidation(Modelvalue)" type="text" />

ts 代码

variantvaluevalidation(obj) {
        if (obj.length > 5) {
            return false;
        }
}

运行的代码符合预期。但它允许输入超过 5 个字符。 我也试过event.preventdefault() 和event.stoppropagation。但它不起作用。

对此有任何想法吗？一切都值得赞赏。

Answer 1

您可以简单地使用maxlenght 属性来防止用户输入更多的字母。

<input class="inputsyle" [(ngModel)]="Modelvalue" 
(ngModelChange)="variantvaluevalidation(Modelvalue)" maxlength='5' type="text" />

如果您需要动态设置最大长度，您可以简单地将其绑定到控制器中的变量。

<input class="inputsyle" [(ngModel)]="Modelvalue" 
    (ngModelChange)="variantvaluevalidation(Modelvalue)" [attr.maxlength]='maxlength' type="text" />