C'è un modo per inserire il valore della minlength/maxlength nel messaggio in ng-messages?

Question

Mi piacerebbe, invece di dire loro "Il tuo campo è troppo corto" per dire all'utente, "Il tuo campo deve essere lungo almeno {{ value }} caratteri". Puoi farlo in ng-messages?

Answer 1

Vorrei solo utilizzare ng-init per impostare una variabile minlength e quindi riutilizzarla in entrambe le posizioni.

angular.module('myApp', ['ngMessages']);

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js"></script> 
 
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular-messages.js"></script> 
 

 
<form name="form" ng-app="myApp"> 
 
    <div ng-init="minlength = 5"> 
 
    <input type="text" 
 
     name="name" 
 
     ng-model="name" 
 
     ng-minlength="minlength" 
 
    > 
 
    <div ng-messages="form.name.$error"> 
 
     <div ng-message="minlength"> 
 
     Your field must be at least {{minlength}} characters long. 
 
     Current length: {{form.name.$viewValue.length}} 
 
     </div> 
 
    </div> 
 
    </div> 
 
</form>