什么是连接来自不同服务的数据并将其与NG模型一起使用的最佳方法

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)返回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，您将很容易访问翻译。