在Angular2中有条件地应用CSS类

Question

我有以下HTML代码，它根据从Component返回的列表递归创建列表项，我想要应用＆＃39; first-child＆＃39; CSS类只到第一个List项目。

<ul class="link-list-horz">
<li *ngFor="let menu of menulist" [ngClass]="first-child:">
 <a href="">{{menu}}</a>
</li>
</ul>

.first-child a 
{
    border-radius: 10; 
}

export class AppComponent  { 
   name = 'Quiz'; 
   menulist = ['Home','AngularQuiz'] ;  
   useremailid = 'Gaurav-Gupta'; 
}

请建议。我是Angular2的新手。

Answer 1

UITableViewCell需要一个条件来知道是否在元素上设置该类。您可以使用ngClass附带的内置index。

试试这个：

ngFor