切换翻译后的术语

Switch the translated term

本文关键字：术语 翻译      更新时间：2023-09-26

我有一个Ionic多语言应用程序，其中有一个选择。其中一个选择选项禁用某些页面元素。到目前为止一切顺利。

但是其中一个元素必须更改由翻译提供的文本。

选择选项:A ->

{{"1ST_TERM" | translate}}

选择选项:B ->

{{"2ND_TERM" | translate}}

我的select代码是:

<select id="select" 
ng-model="selOption" 
ng-change="selectUpdate(selOption)">
     <option value="A">SICLANO</option>
     <option value="B">BELTRANO</option>
</select>
<p id="text">CORRECT TRANSLATED TERM</p>
$scope.selectUpdate= function(selOption){
   switch (selOption){
     case 'A':
             //CHANGE #text TO TRANSLATED TERM 1ST_TERM 
     case 'B':
             //CHANGE #text TO TRANSLATED TERM 2ND_TERM
   };
};

你们能帮忙吗?

您可以注入$translate服务并使用它来获得翻译:

$scope.selectUpdate= function(selOption){
   switch (selOption){
     case 'A':
             $translate(selOption).then(function (translated) {
                $scope.text = translated;
             }
   };
};

要显示它，在p标签中添加插值:

<p id="text">{{text}}</p>
相关文章：