2016-10-28 5 views
0

У меня есть многоязычное приложение Ionic, в котором есть выбор. Один из вариантов выбора отключает некоторые элементы страницы. Все идет нормально.Переведите переведенный термин

Но один из элементов должен изменить свой текст, предоставленный переводом.

ВЫБРАННЫЙ ВАРИАНТ: A ->

{{ "1ST_TERM" | перевод}}

SELECTED ВАРИАНТ: 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

сделал [мой ответ] (HTTP: // StackOverflow. com/a/40302890/2545680) help? –

+0

Привет @Maximus, извините, что я АФК. Пила ответ, но еще не проверял xD –

+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> 
Смежные вопросы