angularjs перевести отображает значение ключа на выбранном языке

Question

У меня есть следующие данные в моем файле i18n перевод:

"mylist" : { 
    "fruits": [ 
      { 
      "key": "A", 
      "value": "Apple" 
      }, 
      { 
      "key": "B", 
      "value": "Banana" 
      } 
    ] 
} 

В моей разметке, я понимаю, как это:

<ui-select ng-model="user.fruits" name="fruits" theme="selectize"> 
    <ui-select-match>{{$select.selected.value}}</ui-select-match> 
    <ui-select-choices repeat="f.key as f in transl.mylist.fruits | filter: $select.search"> 
     <div ng-bind-html="f.value | highlight: $select.search"></div> 
    </ui-select-choices> 
</ui-select> 

В моей разметке я прочитал это так:

<td>{{user.fruits}}</td> 

Итак, я вижу вывод key, потому что я сохранил ключ в ng-модели, потому что у меня есть несколько языков, поэтому я хочу сохранить один и тот же ключ, но отображать разные значения для каждого выбранного языка.
Теперь возникает вопрос:
Как я могу отобразить значение ключа на выбранном языке?
так, чтобы вместо клавиши отображался value. Как я могу просмотреть его в файле перевода?

Answer 1

добавить функцию поиска выбранного ключа в списке

$scope.displaySelectedValue = function(option) { 
for(var i=0; i <transl.mylist.fruits.length; i++) { 
    if(mylist.fruits[i].key === option) 
    return mylist.fruits[i].value; 
} 
} 

вызова этой функции Попутно выбраны FRUIT значение,

<td>{{displaySelectedValue(user.fruits)}}</td>