角度テーブル3レベルのCSS構造

Question

以下のコードは正しく動作しています。

<div ng-repeat="download in productDownloads" 
 
\t class="container"> 
 
\t <div class="row"> 
 
\t \t <div class="cell"> 
 
\t \t \t <strong>{{download.productName}}</strong> 
 
\t \t </div> 
 

 
\t </div> 
 
\t <div ng-repeat="release in download.productReleasesList"> 
 
\t \t <div class="row"> 
 
\t \t \t <div class="cell"> 
 
\t \t \t \t {{release.downloadName}} 
 
\t \t \t </div> 
 

 
\t \t </div> 
 
\t \t <div ng-repeat="downloadDetail in release.downloadDetailList"> 
 
\t \t \t <div class="row"> 
 
\t \t \t \t <div class="cell">{{downloadDetail.downloadName}}</div> 
 
\t \t \t </div> 
 
\t \t </div> 
 
\t </div> 
 
</div>

その任意のCSSなしで3つの別々の行に結果を与えます。

行内に行があるようなツリー/テーブルを行内に表示したい。

Answer 1

ネストしたものを開く前に、最初の行を閉じています。 これを試してください：

<div ng-repeat="download in productDownloads" 
    class="container"> 
    <div class="row"> 
     <div class="cell"> 
      <strong>{{download.productName}}</strong> 
     </div> 
    <div ng-repeat="release in download.productReleasesList"> 
     <div class="row"> 
      <div class="cell"> 
       {{release.downloadName}} 
      </div> 

     </div> 
     <div ng-repeat="downloadDetail in release.downloadDetailList"> 
      <div class="row"> 
       <div class="cell">{{downloadDetail.downloadName}}</div> 
      </div> 
     </div> 
    </div> 
    </div> 
</div>