Что лучший способ для подключения данных из различных служб и использовать их с нг-моделью

Question

Я новичок в угловой и проектировать какие-то сложные вещи ...

У меня есть две услуг: phrasesService и translationsService, они хранят два объекта:

phrases = [{text: "phrase1"}, {text: "phrase2"}, {text: "phrase3"}]   
translations = [{ language: "russian", phrases: ["phrase1", "phrase2", "phrase3"] }, {language: "hindi", phrases: ["phrase1", "phrase2", "phrase3"]}] 

и у меня есть методы, чтобы получить переводы:

getTranslationsInLang(lang), который возвращает массив фраз на языке и getPhraseTranslation(lang, numPhrase), которая возвращает перевод одной фразы

Теперь я хочу, чтобы отобразить фразы и их переводы на входы (для редактирования):

<input class="form-control phrase-text" type="text" ng-model="phrase.text"> 
<input class="form-control translation-text" type="text" ng-model="????.translation"> 

1. Что такое лучший способ понять это, для хранения всех данных и отобразить его для редактирования?
2. И что я должен использовать в ng-модели для ввода перевода?

Answer 1

Я думаю, что ваша структура данных не является оптимальной. Вам, похоже, нужна структура данных, способная вернуть соответствующую фразу перевода для кортежа исходной фразы и языка перевода.

Рассмотрим используя что-то вроде этого: originals = {id: phrase, ...} translations = {language_id: {id: phrase_translation, ...}, ...}

Таким образом, имея current_phrase_id и current_language_id вам будет легко получить доступ к переводу.