how to bind nested list in an object in angular

Question

I have a list named "posts" that comprises of objects like below.

{_id: "559301710de9c23407b237ee"
author: {user_id: "557c6922925a18a81930d2ce", username: "test"}
comment_id: []
content: "<p>123</p>"
created_at: "2015-06-30T20:52:01.738Z"
image_id: []
like_user_id: ["557c6922925a18a81930d2ce"]
likes: 1
tags: [{_id: "558ded1b8526b45407fd0bb1", tag_name: "1"}, {_id: "559301630de9c23407b237ec", tag_name: "2"},…]
title: "123"}

I want to extract tag_name and show it in html

<a ng-repeat="post in bests" ng-href="/post/{{post._id}}">
  <em class="tag">{{post.tags.tag_name}}</em> //This appearently doesn't work!
  <span>{{post.title}}</span>
  <em class="likes">+{{post.likes}}</em>
  <time>{{post.created_at}}</time>
</a>

Everything works fine except for tag_name.

I tried using ng-repeat inside ng-repeat and it doesn't seem to work. how do you do it?

Rob · Accepted Answer · 2015-06-30 21:20:12Z

3

Try

<em class="tag" ng-repeat="tag in post.tags">{{tag.tag_name}}</em>

post.tags is an array so the easiest way to show the tag_names is using ng-repeat...

edited Jun 30, 2015 at 21:20

answered Jun 30, 2015 at 21:04

Rob

5,4911 gold badge35 silver badges34 bronze badges

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

Comments

user3227295 · Accepted Answer · 2015-06-30 21:04:15Z

3

this works

<em class="tag" ng-repeat="tag in post.tags">{{tag.tag_name}}</em>

answered Jun 30, 2015 at 21:04

user3227295

2,1561 gold badge13 silver badges17 bronze badges

Comments

Dalorzo · Accepted Answer · 2015-06-30 21:16:02Z

3

tags is in an array therefore you need an index in order to use it

{{post.tags[0].tag_name}}

<em class="tag">{{post.tags[0].tag_name}}</em> //<== sample code that works
                            |       

              Your desired index goes here

Alternatively you could iterate using ng-repeat

edited Jun 30, 2015 at 21:16

answered Jun 30, 2015 at 21:03

Dalorzo

20k7 gold badges57 silver badges102 bronze badges

Collectives™ on Stack Overflow

how to bind nested list in an object in angular

3 Answers 3

Comments

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Related