AngularJS how acces data nested Json?

Question

I'm trying to get a "thumbnail" image of a post in wordpress. But I am not able to access nested JSON data I created a jsFiddle link so you can see an example and may finish my html and AngularJS controller.

I might have to create a filter. But I can not, I'm stuck. The goal is to get that thumbnail nested and place it as an image 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"
                    }
                },
            }
        },
    }

That JSON is not valid, for future reference use a 3rd party to validate, such as : jsonlint.com — Dayan
– Dayan, Commented Mar 12, 2015 at 0:05

Nader · Accepted Answer · 2015-03-11 23:33:23Z

0

First of all "post-thumbnail" is not valid and You should change - to _

Then you can access to your post_thumbnail.

post.featured_image.attachment_meta.sizes.post_thumbnail.url

answered Mar 11, 2015 at 23:33

Nader

9431 gold badge7 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

HankScorpio · Accepted Answer · 2015-03-11 23:31:40Z

0

Use ng-src, not src. Also, your JSON is not valid.

answered Mar 11, 2015 at 23:31

HankScorpio

3,65117 silver badges28 bronze badges

Collectives™ on Stack Overflow

AngularJS how acces data nested Json?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related