Angular2 Get reference to element created in ngFor

If you want to add/remove a class use binding

<div *ngFor="let cookie of cookies" [class.isActive]="someExpression" ....>

or

<div *ngFor="let cookie of cookies" [ngStyle]="{'isActive': someExpression}" ....>

Concrete example:

activeCookie:string = 'b';
cookies:string[] = ['a', 'b', 'c'];

<div *ngFor="letcookie of cookies" [class.isActive]="cookie == activeCookie" ....>

If you really want to get a reference you can use

<div #someName *ngFor="let cookie of cookies" id="cookie-tab-button-{{cookie.id}}" (click)="showcookie(cookie);">Cookie tab</div>

@ViewChildren('someName') someDivs;

ngAfterViewInit() { // or some event handler
  someDivs.toArray()[0].nativeElement.classList.add('isActive');
}