2014-09-05 94 views
5

Bu yüzden dinlenme servisinden döndüğüm bir Listem var. Şimdi, bu nesneyi sütun biçiminde ve şimdi bir satırda görüntülemek istiyorum.ng-yineleme tablo sütunundaki

firstName: Bob    Alice 
LastName: Doe    Joe 
EmailId:  [email protected]  [email protected] 
ContactNo: 123123   12444 

Yani nasıl kullanabileceğinizi buraya ng-tekrarlamak:

<tr> 
    <th>firstName:</th> 
    <td>('Name should be displayed here')</td> 
    </tr> 

cevap

14

Sen td elemanı üzerinde ng tekrarı kullanabilirsiniz Yani böyle bir şey olurdu. Eğer nesnelerin anahtarlarını bildirirseniz

<tr> 
    <th>firstName:</th> 
    <td ng-repeat="person in people">{{person.firstName}}</td> 
</tr> 
<tr> 
    <td ng-repeat="person in people">{{person.lastName}}</td> 
</tr> 
+0

Bunun için çok teşekkürler. Ben bootstrap ve açısal yeni. Bu yüzden biraz zor buluyordum. Ama yukarıdaki şey işe yaradı. Çok teşekkürler. – Akshay

1

Eğer yuva olabilir yineleme şey senin ng-repeats böylece tekrar tekrar her satır beyan etmek gerekmez. Aşağıdakilerden ve yerine yuva onları:

Açısal App

: HTML'inizde

/*for the data*/ 
var personKeys = ['firstName', 'LastName', 'EmailID', 'ContactNo']; 

var people = [ 
    { 
    firstName: 'Bob', 
    LastName: 'Doe', 
    EmailID: '[email protected]', 
    ContactNo: 123123 
    }, 
    /* etc */ 
]; 

/*don't forget to reference this in your controller with something like: */ 
this.pKeys = personKeys; 
this.people = people; 

: Bu hala her kişi yinelemek sorunu var

<table ng-controller='MyController as personList'> 
    <tr ng-repeat='key in personList.pKeys'> 
     <th>{{key}}</th> 
     <td ng-repeat='person in personList.people'> 
      {{person[key]}} 
     </td> 
    </tr> 
</table> 

| öznitelikleri | kez, sadece bir kez yerine. Eminim ki, sadece bir kez yinelemenin, not almanın ve tüm veri kümenizden birçok kez geçmenize gerek kalmadan tabloyu çizmenin, böylece verilerinizi genişletirken çalışma zamanının çok hızlı büyümemesinin akıllıca bir yolu olduğundan eminim.

İlgili konular