Accessing the nested Arrays using ng-repeat in angularjs

Question

JSFiddle

I\'m not able to access the array images in the nested collection. Why am I not able to see any output?

The model:

var obj = [{
            


        

Answer 1

The problem is you are trying to repeat a list of li elements inside of a li element, which is invalid HTML. As such, angular will not render this.

Update your HTML to:

<ul>
    <li ng-repeat="img in item"> 
        <ul>
            <li ng-repeat="img1 in img.images">{{img1}}</li>
        </ul>
    </li>
</ul>