Question

我试图获得一个＆＃34;缩略图＆＃34;一个岗位的图象在wordpress的。但我无法访问嵌套的JSON数据我创建了一个jsFiddle链接，您可以看到一个示例，并可以完成我的html和AngularJS控制器。

我可能需要创建一个过滤器。但我不能，我被卡住了。目标是将该缩略图嵌套并将其放置为图像src。

 {
        "ID": 45,
        "title": "Lista Generada",
        "status": "publish",
        "type": "post",
        "modified_gmt": "2015-03-11T21:04:47+00:00",
        "featured_image": 
    {
        "ID": 46,
        "title": "eCommerce-checklist",
        "status": "inherit",
        "type": "attachment",
        "is_image": true,
        "attachment_meta": 
    {
        "width": 1000,
        "height": 857,
        "file": "2015/03/eCommerce-checklist.jpg",
        "sizes": 
    {
        "medium": 
    {
        "file": "eCommerce-checklist-300x257.jpg",
        "width": 300,
        "height": 257,
        "mime-type": "image/jpeg",
        "url": "http://localhost/wp-content/uploads/2015/03/eCommerce-checklist-300x257.jpg"
    },
    "post-thumbnail":
                    {
                        "file": "eCommerce-checklist-825x510.jpg",
                        "width": 825,
                        "height": 510,
                        "mime-type": "image/jpeg",
                        "url": "http://localhost/wp-content/uploads/2015/03/eCommerce-checklist-825x510.jpg"
                    }
                },
            }
        },
    }

Answer 1

首先＆＃34;后缩略图＆＃34;无效，您应该更改 - 到_

然后您就可以访问post_thumbnail。

post.featured_image.attachment_meta.sizes.post_thumbnail.url

Answer 2

使用ng-src，而不是src。此外，您的JSON无效。

AngularJS如何访问嵌入Json的数据？

2 个答案: