角度翻译:重复json对象

时间:2015-08-26 07:54:08

标签: angularjs angular-translate

我有一个像这样的json文件:

{
    "pages": {
        "page1": {
            "field1": "....",
            "field2": "....",
            "field3": "....",
            "thumbnails": [
                {
                    "illustration": "images/img.png",
                    "content": "...."
                },
                {
                    "illustration": "images/img.png",
                    "content": "...."
                },
                {
                    "illustration": "images/img.png",
                    "content": "...."
                }
            ]
        },
        ......

当我想在我的HTML中使用它时,我只是这样做:
例如{{ 'pages.page1.field1' | translate }}

BUT

如果我需要重复怎么办?缩略图。

<div ng-repeat="thumbnail in pages.page1.thumbnails">
      {{ thumbnail.content }}
</div>

但显然它不起作用。我不知道如何访问缩略图。

编辑1:

我在配置中使用“useStaticFilesLoader”:

$translateProvider.useStaticFilesLoader({
    prefix: 'assets/app_components/app/languages/emag_',
    suffix: '.json'
});

所以我没有在我的控制器中定义json。

编辑2 : 更确切地说,这里有一个我想要做的事情的吸引人:为了帮助你理解我的问题,我在这里做了一个小问题:http://plnkr.co/edit/mocztnQYvmmuc3Nslmnb?p=preview

0 个答案:

没有答案