ナビゲーションタブとタブ内容のネストng-repeat

Question

ng-repeat (key, values)をループして、keyをタブヘッダーとして使用し、href="#{{ key }}"を使用しました。 tab-content-panelのidと同じkeyを使用すると、新しいng-repeatが親のng-repeatの値であるvaluesにアクセスしようとしました。ただし、親キーにアクセスすることはできません。タブコンテンツ要素の値。子ループの親ループキー、値はどのように使用できますか？

<div> 
 
<ul class="nav nav-tabs" > 
 
\t <li class="active" ng-repeat="(key, values) in specs" ng-class="{'active': isActive(key)}"><a data-toggle="tab" href="#{{ key }}">{{ key }}</a></li> 
 
</ul> 
 

 
<div class="tab-content"> 
 
\t <div id="{{ key }}" class="tab-pane fade in active"> 
 
\t \t <table class="table" style="padding: 1 \t 0px;"> 
 
\t \t \t <tbody> 
 
\t \t \t  <tr ng-repeat="(k, value) in values"> 
 
\t \t \t  \t <td>{{k}}</td> 
 
\t \t \t  \t \t <td>{{value}}</td> 
 
\t \t \t  \t </tr> 
 
\t \t \t  </tbody> 
 
\t \t \t </table> 
 
\t </div> 
 
\t \t \t 
 
</div> 
 
</div>

Answer 1

あなたは真の角度NG-仮想リピート値を設定する必要があります。

これを参照してください。ここでは、ループ内の設定ループ

http://klajd.github.io/angular-virtual-repeat/#/Home 

https://github.com/klajd/angular-virtual-repeat 

例： `` {{val.k}}

<div> 

<md-table-container virtual-repeat="true" sortable-columns="true" animate-sort-icon="true"> 
    <table md-table > 
     <thead md-head> 
      <tr md-row > 
      <th md-column ng-repeat="header in headerData "><span> {{header}}</span></th> 
      </tr> 
     </thead> 

     <tbody md-body> 
    <tr md-row ng-repeat="folder in Folders" style="height:30px"> 
     <th md-cell > <center><span style="" class="glyphicon glyphicon-option-vertical"></span></center></th> 
     <th md-cell ng-dblclick="openFolder(folder)" md-autofocus >{{folder.folderName}}</th> 
     </tr> 

     <tr md-row ng-repeat="files in fileData" style="height:30px" > 
      <th md-cell ><center><span style="width: 10px; height: 15px;" class="glyphicon glyphicon-option-vertical"></span></center></th> 
    <th md-cell ng-click="getFileId(files)" md-autofocus >{{files.fileName}}</th></tr></tbody> 
    </md-table-container> 
    </div>