如何使用ng-Repeat對數組對象進行角度轉換？

Question

我目前正在使用Angular項目進行工作，該插件使用了Pascal Precht的angular translation插件。 我有一個FAQ頁面，其中有一個選項卡。 我想要實現的是具有動態的問題價值。 這樣我就可以對這些問題進行循環，這些問題將作為Json數組存儲在翻譯文件中。 這是我的示例json文件。

"FAQS_QUESTION"  : [
   {
     "question" : "Question 1?",
     "answer"   : "Answer 1 "
   },
   {
     "question" : "Question 2?",
     "answer"   : "Answer 2" 
   },
   {
     "question" : "Question 3?",
     "answer"   : "Answer 3" 
   }
]

我嘗試了下面的代碼，但無法正常工作。 我收到“ angular.js：14525 FAQS_QUESTION的翻譯不存在”

ul( ng-repeat="thumbnail in 'FAQS_QUESTION' | translate ")
   li 
       | {{thumbnail.question}}
       | {{thumbnail.answer}}

我也嘗試將其加載到我的控制器中沒有運氣

$translate('FAQS_QUESTION').then(function (translations) {
    console.log(translations.questions);
}, function (translationIds) {
    console.log(translationIds);
});

我找到了一種解決方法，實現是這樣的：

ul(ng-init="count = ('FAQS_QUESTION_COUNT' | translate)")
  li(ng-repeat="item in getQuestionCount(count) track by $index")
     p(translate="FAQS_QUESTION.{{$index}}.question")
     p(translate="FAQS_QUESTION.{{$index}}.answer")

它解決了我的問題。 但是，指出每個迭代的計數對於維護來說將是一件繁瑣的工作。 由於我們計划為每個風琴設置一個部分

有人可以幫我解決這個問題嗎？ 我不確定您是否能感謝您的幫助。 謝謝

Answer 1

在這個片段中

ul( ng-repeat="thumbnail in 'FAQS_QUESTION' | translate ")
   li 
       | {{thumbnail.question}}
       | {{thumbnail.answer}}

您的值'FAQS_QUESTION'只是一個純字符串，因此您沒有引用數據。 另外，我相信translate -filter不適用於集合。

相反，請嘗試執行以下操作：

ul( ng-repeat="thumbnail in FAQS_QUESTION")
   li 
       | {{thumbnail.question | translate}}
       | {{thumbnail.answer | translate}}