我有一个Ionic Multilingual App,其中有一个选择。 其中一个选项禁用某些页面元素。到目前为止一切都很好。
但其中一个元素必须改变翻译提供的文本。
选择的选项: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
};
};
你们可以帮忙吗?
答案 0 :(得分:1)
您可以注入$translate
服务并使用它来获取翻译:
$scope.selectUpdate= function(selOption){
switch (selOption){
case 'A':
$translate(selOption).then(function (translated) {
$scope.text = translated;
}
};
};
要显示它,请将插值添加到p
标记:
<p id="text">{{text}}</p>