【问题标题】:nested ng-repeat in angular jsAngular js中的嵌套ng-repeat
【发布时间】:2016-03-03 14:01:48
【问题描述】:

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

在第一行我想显示可用的键,这工作正常。在第二个 ng-repeat 中,我想传递我选择的密钥的名称。 例如

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

当我硬编码这个值时,我得到了想要的输出。但我想在第二个循环中从第一个循环传递“密钥”。

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

我不能正常工作。

请帮我解决问题。

【问题讨论】:

  • 我也试过
    这个。
  • 你想这样做:ng-repeat="APIDetails in value" ?
  • @BobSponge 亲爱的,你拯救了我的一天。非常感谢 。我很高兴:)

标签: javascript angularjs for-loop


【解决方案1】:

在你的第三行尝试:

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

【讨论】:

    【解决方案2】:

    希望有帮助

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

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签