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" /> 

如果您需要動態設置maxlength，您可以簡單地將它綁定到控制器中的變量。

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

Answer 2

對不起我的錯誤。有時候我們會爲了小邏輯而忘記我們的自我。

//簡單的思考

variantvaluevalidation(object) { 
     if (object.length > 5) {   
      let data = object.substring(0, 5);//n of number     
      this.Modelvalue = data;   
      return false; 
     } 
    }