Angular 使用键作为变量的翻译不工作
Angular Translation using key as a variable Not working
我正在开发 Angular Js 应用程序并使用 Angular-translate 模块
在一种情况下,翻译可能将其键作为变量,因此我在翻译对象中创建了一个包含所有可能变量的对象。
当我将它与像 translate='status.awaiting'
这样的点符号一起使用时,它工作得很好,但如果我将它用作带有括号符号的变量,如 translate='status[status]'
它根本不起作用!
这是我得到的一个最简单的例子..提前致谢!
angular.module('myApp',['pascalprecht.translate'])
.config(function($translateProvider){
$translateProvider.useSanitizeValueStrategy(null);
$translateProvider
.translations('ar', {
status:{
"new":"جديد",
"awaiting":"منتظر",
"confirmed":"مؤكد",
"shipped":"مشحون",
"delivered":"مستلم",
"returned":"مرتجع",
"canceled":"ملغى"
}
})
.preferredLanguage('ar');
})
.controller('myCtrl',function($scope){
$scope.current_status = 'awaiting';
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script src="https://cdn.rawgit.com/angular-translate/bower-angular-translate/2.15.1/angular-translate.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<div translate='status.awaiting'> </div>
<div>{{current_status}} </div>
<div translate='status[current_status]'> </div>
</div>
尝试这样的事情:
<div translate='status.{{current_status}}'> </div>
我正在开发 Angular Js 应用程序并使用 Angular-translate 模块
在一种情况下,翻译可能将其键作为变量,因此我在翻译对象中创建了一个包含所有可能变量的对象。
当我将它与像 translate='status.awaiting'
这样的点符号一起使用时,它工作得很好,但如果我将它用作带有括号符号的变量,如 translate='status[status]'
它根本不起作用!
这是我得到的一个最简单的例子..提前致谢!
angular.module('myApp',['pascalprecht.translate'])
.config(function($translateProvider){
$translateProvider.useSanitizeValueStrategy(null);
$translateProvider
.translations('ar', {
status:{
"new":"جديد",
"awaiting":"منتظر",
"confirmed":"مؤكد",
"shipped":"مشحون",
"delivered":"مستلم",
"returned":"مرتجع",
"canceled":"ملغى"
}
})
.preferredLanguage('ar');
})
.controller('myCtrl',function($scope){
$scope.current_status = 'awaiting';
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script src="https://cdn.rawgit.com/angular-translate/bower-angular-translate/2.15.1/angular-translate.js"></script>
<div ng-app="myApp" ng-controller="myCtrl">
<div translate='status.awaiting'> </div>
<div>{{current_status}} </div>
<div translate='status[current_status]'> </div>
</div>
尝试这样的事情:
<div translate='status.{{current_status}}'> </div>