nested ng-repeat in angular js

Question

repeat inside ng-repeat.

<li ng-repeat="(key,value) in OauthSwaggerData.paths " > 
    <div class="col col-100">{{key}}</div>   
    <div ng-repeat="APIDetails in OauthSwaggerData.paths['/key']">
        <div class="col col-100"><h4>Summary</h4> </div>
        <div class="col col-100">{{APIDetails.summary}}</div>
        <div class="col col-100"><h4>Description</h4> </div>
        <div class="col col-100">{{APIDetails.description}}</div>
        <div class="col col-100"><h4>Parameters</h4> </div> 
    </div>
</li>

In the first line i want to display the keys which are available , which is working fine. In the second ng-repeat I want to pass the name of the key which i have selected. e.g.

<div ng-repeat="APIDetails in OauthSwaggerData.paths['/token']"> .

When i hardcode this value i am getting the desired output. But i want to pass the "key " from the first loop in this second loop.

<div ng-repeat="APIDetails in OauthSwaggerData.paths['/key']">

which i not working fine.

Kindly help me to resolve the issue.

I tried <div ng-repeat="APIDetails in OauthSwaggerData.paths['/{{key}}']"> this also. — SavantMohan
– SavantMohan, Commented Mar 3, 2016 at 14:05
@BobSponge You saved my day dear. Thank you very much . I am so happy :) — SavantMohan
– SavantMohan, Commented Mar 3, 2016 at 14:10

arg20 · Accepted Answer · 2016-03-03 14:04:06Z

2

In your third line try:

<div ng-repeat="APIDetails in OauthSwaggerData.paths['/' + key]">

answered Mar 3, 2016 at 14:04

arg20

4,9912 gold badges55 silver badges75 bronze badges

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

Comments

Van Nguyen · Accepted Answer · 2016-03-03 17:47:42Z

hope this help

<li ng-repeat="(key,value) in OauthSwaggerData.paths " > 
<div class="col col-100">{{key}}</div>   
<div ng-repeat="APIDetails in value">
    <div class="col col-100"><h4>Summary</h4> </div>
    <div class="col col-100">{{APIDetails.summary}}</div>
    <div class="col col-100"><h4>Description</h4> </div>
    <div class="col col-100">{{APIDetails.description}}</div>
    <div class="col col-100"><h4>Parameters</h4> </div> 
</div>

Collectives™ on Stack Overflow

nested ng-repeat in angular js

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related