2015-10-08 47 views
1

我是AngularJS的新手,感覺像是一件簡單的事情,但我很苦惱。Angular JS多維JSON

我有以下的JSON響應,我只想輸出一些到頁面。

對於標題,我不能使用post.title.rendered我認爲是因爲post是一個單獨的對象?有沒有另外一種方法可以輸出標題?

感謝您的幫助!

{ 
 
    "post":[ 
 
     { 
 
     "id":14, 
 
     "date":"2015-10-08T12:34:37", 
 
     "guid":{ 
 
      "rendered":"http://localhost:8888/tf-stories-wp/?p=14" 
 
     }, 
 
     "modified":"2015-10-08T13:13:56", 
 
     "modified_gmt":"2015-10-08T12:13:56", 
 
     "slug":"story", 
 
     "type":"post", 
 
     "link":"http://localhost:8888/tf-stories-wp/2015/10/08/story/", 
 
     "title":{ 
 
      "rendered":"Story" 
 
     }, 
 
     "content":{ 
 
      "rendered":"<p>Goooooooooods</p>\n" 
 
     }, 
 
     "excerpt":{ 
 
      "rendered":"<p>Goooooooooods</p>\n" 
 
     }, 
 
     "author":1, 
 
     "featured_image":0, 
 
     "comment_status":"open", 
 
     "ping_status":"open", 
 
     "sticky":false, 
 
     "format":"standard", 
 
     "_tf-stories_demo":[ 
 
      { 
 
       "page_text":"Test page content", 
 
       "page_image_id":0, 
 
       "page_image":false 
 
      }, 
 
      { 
 
       "page_text":"Test page content 2" 
 
      } 
 
     ], 
 
     "_links":{ 
 
      "self":[ 
 
       { 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/posts/14" 
 
       } 
 
      ], 
 
      "collection":[ 
 
       { 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/posts" 
 
       } 
 
      ], 
 
      "author":[ 
 
       { 
 
        "embeddable":true, 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/users/1" 
 
       } 
 
      ], 
 
      "replies":[ 
 
       { 
 
        "embeddable":true, 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/comments?post_id=14" 
 
       } 
 
      ], 
 
      "version-history":[ 
 
       { 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/posts/14/revisions" 
 
       } 
 
      ], 
 
      "http://v2.wp-api.org/attachment":[ 
 
       { 
 
        "embeddable":true, 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/media?post_parent=14" 
 
       } 
 
      ], 
 
      "http://v2.wp-api.org/term":[ 
 
       { 
 
        "taxonomy":"category", 
 
        "embeddable":true, 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/posts/14/terms/category" 
 
       }, 
 
       { 
 
        "taxonomy":"post_tag", 
 
        "embeddable":true, 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/posts/14/terms/tag" 
 
       }, 
 
       { 
 
        "taxonomy":"post_format", 
 
        "embeddable":true, 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/posts/14/terms/post_format" 
 
       } 
 
      ], 
 
      "http://v2.wp-api.org/meta":[ 
 
       { 
 
        "embeddable":true, 
 
        "href":"http://localhost:8888/tf-stories-wp/wp-json/wp/v2/posts/14/meta" 
 
       } 
 
      ] 
 
     } 
 
     } 
 
    ] 
 
}

回答

2

後期使用[0] .title.rendered代替post.title。呈現 因爲後 - 是一個數組

+1

啊,是的,我知道這將是明顯的東西!謝謝。 – user3429445

+0

不客氣! –

2

post實際上是一個陣列,並且title是在該數組中的唯一對象的對象。
一個更好的表示(我認爲,給出當前的數據)將使post對象而不是數組(因此丟失[ ])。

對於目前的情況來看,這應該工作:

var title = json_object['post'][0]['title']['rendered']; 

或(同一件事情,不同的符號)

var title = json_object.post[0].title.rendered; 
2

你可以這樣做:

<div ng-repeat='post in posts'> 
    id: {{post[0].id}}<br/> 
    address: {{post[0].guid.rendered}} 
</div> 

等等。

在這個plunkr

看看希望它幫助。

+2

謝謝,我曾試過這個,但語法有點不對。你已經爲我清除了。 – user3429445