javascript - 切换翻译的术语

我有一个Ionic多语言应用程序，有一个选择。
选择选项之一禁用某些页面元素。到目前为止，一切都很好。

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

选择的选项：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
   };
};

你们可以帮忙吗？

最佳答案

您可以注入$translate服务并用于获取翻译：

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

要显示它，请将内插添加到p标签：

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

关于javascript - 切换翻译的术语，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40302729/