All geek questions in one place

Angular translate directive not working with ngMessage

Simple input from an AngularJS example:

<body ng-controller="myappCtrl"> <form name="myForm"> <label>Enter your number:</label> <input type="number" name="myNumber" ng-model="name" min="{{minvalue}}" max="{{maxvalue}}"/> <pre>myForm.myNumber.$error = {{ myForm.myNumber.$error | json }}</pre> <pre>myForm.$valid = {{ myForm.$valid | json }}</pre> <div ng-messages="myForm.myNumber.$error" style="color:red"> <div ng-message="number">You did not enter a valid number</div> <div ng-message="min">Your field value is lesser minimum value</div> <div ng-message="max" translate="FORM.MAXVALUE"></div> </div> </form>

link to plnkr

If you enter a value greater than 5, the translated error message should be displayed. This does not work when I use the translate directive.

+6
source share
1 answer

From angular translate github :

As for the problem with multiple areas, you should wrap it.

  <div ng-message="max"><span translate="FORM.MAXVALUE"></span></div>
+11
source

Source: https://habr.com/ru/post/974825/

More articles:


All Articles