切換翻譯的術語

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>