Nested json ng-repeat not working

Question

I am trying to access the value 1 like so.

var m = {
    {"name":"name"},
    {"contents":[{'one':1,'two':2}]}
};

function MyCtrl($scope) {
    $scope.items = m;
    $scope.contents = m.contents;
}

{{contents.one}}
{{items.contents.one}}
<li ng-repeat="item in items">{{item.one}}{{item.two}}</li>

None of them works. Please help me out.

charlietfl · Accepted Answer · 2015-10-04 22:32:00Z

2

m is an array and arrays don't have object properties.

The property contents exists in the second element of the array.

Try:

$scope.contents = m[1].contents;

It would seem that the preffered structure you would want would be an object not array:

var m = {
    "name":"name",
    "contents":[{'one':1},{'two':2}]
};

answered Oct 4, 2015 at 22:32

charlietfl

172k14 gold badges125 silver badges154 bronze badges

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

21 Comments

sawa Over a year ago

Is there any way I can access the element without index? I mean, with specific key?

charlietfl Over a year ago

Also your contents array should use the same property names in each object

sawa Over a year ago

I am sorry that I wrote '[' instead of '{'. I intended to talk about a json object that has an array inside. How do you do it if it is an object?

charlietfl Over a year ago

how do you do what? Changing the outer braces you just created an invalid object

sawa Over a year ago

I mean if I have a json object that has an array inside, how do I access the array item with property name? If I have a json object {name:'name',contents:[{'one":1},{'two":2}], how do I access 'one'?

|

Collectives™ on Stack Overflow

Nested json ng-repeat not working

1 Answer 1

21 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

21 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related