Angular 2 调用基于应用在 div 上的类的函数

Question

我有一个带有 *ngFor 的 div 来循环遍历一组消息。

<div *ngFor="let message of messages;  let i=index" 
 [focused]="i === activeIndex;" [ngClass]="{'message-list-active': activeIndex === i  }" 
(click)="onAddtoMessage(message.id); activeIndex = i"></div>

我正在将class "message-list-active" 应用于焦点项目，此消息将颜色变为蓝色。

单击时我有一个单击事件，我可以传递消息 ID。

问题是我如何通过不点击来传递 id，但传递应用了“message-list-active”的消息的 id。将来可以默认选择随机消息，我需要它们的 id。

Answer 1

使用[ngClass]中的函数

<div *ngFor="let message of messages;  let i=index" 
 [focused]="i === activeIndex;" [ngClass]="{
        'message-list-active': activeClass(i, message)
 }" 
(click)="onAddtoMessage(message.id); activeIndex = i"></div>


activeClass(index, message){
   if(index === this.activeIndex){console.log(message.id)}
   return index === this.activeIndex;
}