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

Javascript Angular 2基于应用于div的类调用函数,javascript,css,angular,ng-class,Javascript,Css,Angular,Ng Class,我有一个带有*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> 我

我有一个带有*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>

我正在对焦点项目应用
类“消息列表活动”
,此消息的颜色变为蓝色

当我点击时,我有一个点击事件,我可以传递消息id


问题是如何通过不单击而传递应用了“message list active”(消息列表活动)的消息的ID来传递ID。在未来,可以默认选择随机消息,我需要它们的ID。

使用
[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;
}

activeClass(索引、消息){
if(index==this.activeIndex){console.log(message.id)}
返回索引===this.activeIndex;
}

我正在记录id,它只打印每条消息的id,但我只需要id,即那些具有类“message list active”应用程序的id。您是否可以在函数中过滤掉它,只需设置conditiondude I don;我不知道你的Messes数组有什么,你没有在这里添加它,你想要的是在这个条件下
index==this.activeIndex
你想要添加这个类,你想要看到这个对象的id,所以你得到了它,现在检查你的messages数组你可能有问题,你可能所有的id都是1或其他什么,stackoverflow给出的想法不是确切的解决方案谢谢你的回答,它帮了我很大的忙,我会在发现问题时发布我的问题