AngularJS ng-yineleme tablosu oluşturma

Question

Tablo oluşturmak için ng-yinelemeyi kullanmaya çalışıyordum, ancak nasıl çalıştığını anlayamadım. En iyi denemem aşağıdaydı.

<table ng-repeat="j in [0,1,2,3,4,5,6,7]"> 
    <tr> 
    <th> 
     Header {{j+1}} 
    </th> 
    </tr> 
    <tr ng-repeat="i in [0,1,2,3,4,5,6,7]"> 
    <td> 
     {{i+1}} , {{j+1}} 
    </td> 
    </tr> 

</table> 

herhangi bir fikir?

Answer 1

Başlamak için, ng-yineleme özniteliği tablo üzerindedir, yani bu öğeyi dizinizde girişler olduğu kadar tekrarladığınız anlamına gelir. "Tr" nin satırlar için olduğunu ve satırlarınızdaki farklı bölümler için "td" olduğunu bilmek.

Sen deneyebilirsiniz:

<table> 
    <tr><!--this is your header row --> 
    <th> 
     Header {{j+1}}<!-- this is a header section, you can repeat here or use it as a title --> 
    </th> 
    </tr> 
    <tr ng-repeat="j in [0,1,2,3,4,5,6,7]"><!-- repeat the rows --> 
    <td ng-repeat="i in [0,1,2,3,4,5,6,7]"><!-- repeat the sections --> 
     {{i+1}} , {{j+1}}<!-- here you can display i, j whatever else --> 
    </td> 
    </tr> 

</table>