切换翻译的术语

Question

我有一个Ionic多语言应用程序，至少有一个选择。 其中一个选项禁用某些页面元素。到现在为止还挺好。

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

所选的选项：A - >

{{ “1ST_TERM” |翻译}}

所选的选项：乙 - >

{{ “2ND_TERM” |翻译}}

我的选择代码：

<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 
    }; 
}; 

你们能帮忙吗？

Answer 1

你可以注入$translate服务，并用它来获得翻译：

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

表现出来，加插值p标签：

<p id="text">{{text}}</p>