翻訳された用語を切り替える

Question

選択があるIonic Multilingual Appがあります。 selectオプションの1つが、いくつかのページ要素を無効にします。ここまでは順調ですね。

しかし、要素の1つは、翻訳によって供給されるテキストを変更する必要があります。

選択されたオプション：A - >

{{ "1ST_TERM" | }}選択されたオプションを

を翻訳：B - >

{{ "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タグに補間を追加し、それを表示するには：// stackoverflowの：

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