導航標籤和標籤內容的嵌套ng-repeat

試圖通過ng-repeat (key, values)循環並使用key作爲標題標題以及href="#{{ key }}"。使用相同的key作爲標籤內容面板的標識創建新的ng-repeat，嘗試訪問父代values（父ng-repeat的值）。但是，無法訪問父鍵，標籤內容元素中的值。我們如何使用父循環鍵，子循環中的值？導航標籤和標籤內容的嵌套ng-repeat

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

來源

2017-03-17 code_seeker

你可以用'NG重複= 「VAL價值觀」'然後就可以用'{{val.k}}'和'{{val.value' –

@JijoCleetus，問題不能從父循環訪問值本身，我從父類ng-repeat中獲取「值」，因爲第二個循環在新元素範圍內，父值不是無障礙。 –

請分享您的控制器結構 –

您需要設定的角度NG-虛擬重複值true。

參考這一個。在這裏，一個循環內設置循環

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

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

例子：

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

來源

2017-03-17 06:59:12

導航標籤和標籤內容的嵌套ng-repeat

回答

相關問題