2014-09-04 6 views
6

간단한 입력을 작동하지 지시어를 번역 :는 각도 AngularJS와 예에서 ngMessage으로

<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

사용자가 입력 한 값보다 높은 5 번역 오류 메시지가 표시되어야합니다. translate 지시문을 사용할 때 작동하지 않습니다. angular translate github에서

+0

버그로 보입니다. 어쩌면 angular-translate 지시어를 사용합니다. 각도 번역 github 사이트에서 신고하십시오. 지금 사용할 수있는 해결 방법은

{{'FORM.MAXVALUE' | translate}}
입니다. – Martin

답변

11

: 여러 범위의 문제이다

, 당신은 그것을 포장해야합니다.

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