どのように私たちに - アレイオブジェクトの角翻訳のためにng - 繰り返しますか？

Question

私は現在Angularプロジェクトに取り組んでいますが、Pascal PrechtからのプラグインAngleプロジェクトを翻訳しています。私は答えのタブがあるFAQページを持っています。私が達成したいのは、質問のための動的な価値を持つことです。私はこれらの質問のループを作成し、その質問はJson配列としての翻訳ファイルにあります。ここに私のサンプルjsonファイルがあります。

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

私は以下のコードを試しましたが、動作しません。

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); 
}); 

と私のコントローラでそれをロードしようとした私は、回避策を発見し、実装は次のとおりです。私は「FAQS_QUESTIONのための14525翻訳が存在しないangular.js」を取得しますこのように：

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}}