如何根据语言更改名称格式

Question

在我的应用程序中，我有两种语言:英文和中文。当我选择英文时，名字的格式应该是名字和姓氏。但是，当我选择中文时，它应该是相反的顺序，也就是说，使用angular JS时，姓氏和名字name.How会这样做吗？

<div ng-if="lan.value == 'APP.LANGUAGE.EN_GB'">
  {{vm.userIdentity.lastname}} {{vm.userIdentity.firstname}}
</div>
<div ng-if="lan.value!== 'APP.LANGUAGE.EN_GB'">
  {{xxx.firstname}} {{xxx.lastname}}
</div>

我试过了，但没用。

Answer 1

一个简单的解决方案是制作一个像这样的自定义筛选器，并传入您需要的所有内容。

angular.module('appFilters', []).filter('nameformat', function() {
  return function(input,lang) {
    //You can change this to switch cases or something
    return lang == 'APP.LANGUAGE.EN_GB' ? input.lastname + " " + input.firstname: input.firstname + " " + input.lastname ;
  };
});

在你的应用中

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

在您的div中，只需

<div>
  {{ vm.userIdentity | nameformat:lan.value }} 
</div>

工作jsFiddle