什么是连接不同服务的数据并将其与ng-model一起使用的最佳方法

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-model中使用什么来进行翻译输入？