Köşeye ngclass ekleme 2

Question

Satıra bir dizi sınıf eklemeye çalışıyorum. Benim sorunum satır çoğaltma. Bu yüzden benim sorum, çalışmayan kodumu [ngClass]

içinde nasıl okuyabileceğimi açıklamaktır.

ts

@Input() rowClasses = ['someClass1', 'someClass2'] 

html

<table> 
<thead> 
    <tr> 
     <th>some head</th> 
    </tr> 
</thead> 
<tbody> 
    <tr class="striped-row" *ngFor="class of rowClasses" [ngClass]="class"></tr> 
</tbody> 
</table> 

Answer 1

Sen için gerekmez başka yollar dokümantasyon sınıfları eklemek için <some-element [ngClass]="['first', 'second']">...</some-element>

çek: Sen css sınıfları üzerinde döngü

[ngClass]="rowClasses" //<-- assuming `rowClasses` is an array 

Örnek Kullanım gerekmez -loop dizininizi doğrudan ngClass 'a atamanız yeterlidir. Örnek:

[ngClass]="rowClasses" 

veya

[ngClass]="['someClass1', 'someClass2']" 

useful answere ve documentation

Answer 2

class mülkiyet sarmak olmamalı senin class {} ile sadece bağlanma class [ngClass] özelliğini sağlamaktadır. Bu durumda Sorunuz bu sınıflar tek satırda ekran olması gerekiyorsa o zaman sadece kadar rowClasses geçmesi sınıf on each row/ class for different row

uygulamak istediği yere açıkça belirten etmediğini belirsiz görünüyor [ngClass]="class"

yapabilirdi [ sen böylece html çoğaltarak olan tr üzerinde döngü vardır

[ngClass]="rowClasses" 

Answer 3

ngClass] yönergesine. https://angular.io/docs/ts/latest/api/common/index/NgClass-directive.html