javascript - 多种语言的 AngularJs ng-messages

Question

我正在使用 ng-messages 向表单验证显示错误消息。我的应用程序是多语言的，如何在多语言中使用 ng-messages？

html 表单

<div class="messages" ng-messages="myForm.email.$error">
    <div ng-messages-include="messages.html"></div>
</div>

messages.html

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<p ng-message="required">This field is required</p>
<p ng-message="minlength">This field is too short</p>
<p ng-message="maxlength">This field is too long</p>
<p ng-message="required">This field is required</p>
<p ng-message="email">This needs to be a valid email</p>

附注:我使用的是 angular 1.4.6

Answer 1

一种快速(在较长时间内难以维护)的方法是对每种语言的所有消息使用不同的 js 文件(italian.js、english.js ..)1)根据语言和索引中的多个索引页面引用相应的语言环境js文件2) 在语言选择中更改索引页..sp 自动区域设置引用将更改

用 {{requiredMessage}} 替换“This field is required”

在 locale-english.js 中

controllersModule.controller('HeaderLocale', ['$scope', function($scope) {
    $scope.requiredMessage='This field is required';
}

在 locale-italian.js 中

controllersModule.controller('HeaderLocale', ['$scope', function($scope) {
    $scope.requiredMessage='This field is required message in italian';
}