我有一个Ionic多语言应用程序,其中有一个选择。其中一个选择选项禁用某些页面元素。到目前为止一切顺利。
但是其中一个元素必须更改由翻译提供的文本。
选择选项:A ->
{{"1ST_TERM" | translate}}
选择选项:B ->
{{"2ND_TERM" | translate}}
我的select代码是:
<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>