角度js中的嵌套ng-repeat

时间:2016-03-03 14:01:49

标签: javascript angularjs for-loop

在ng-repeat内重复。

posts#index

在第一行,我想显示可用的键,工作正常。在第二个ng-repeat中,我想传递我选择的键的名称。 e.g。

<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>

当我对此值进行硬编码时,我得到了所需的输出。但我想通过&#34;键&#34;从第二个循环中的第一个循环开始。

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

我工作不正常。

请帮助我解决问题。

2 个答案:

答案 0 :(得分:2)

在第三行尝试:

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

答案 1 :(得分:0)

希望这个帮助

<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>