Wie passiert zuzuschreiben ID ngCLass Zustand

Question

In diesem Code:

<div id="navi-div"> 
    <div class="navi-button" id="dashboard" (click)="goTo($event)" [ngClass]="{'navi-button-selected': selectedEvent === id}">Dashboard Final </div> 
    <div class="navi-button" id="dashboardtemp" (click)="goTo($event)" [ngClass]="{'navi-button-selected': selectedEvent === id}"> Dashboard Temp </div> 
    </div> 

Ich kann nicht korrekt ID-Wert auf [ngClass] Zustand übergeben. In ngClass $ event wird nicht erkannt. Also, wie kann ich das tun?

Meine ONCLICK Funktion:

private goTo(event): void { 
    let path: string = event.target.attributes.id.value; 
    this.selectedEvent = event.target.attributes.id; 
    this.router.navigate([path], { queryParams: { }}); 
    } 

Answer 1

Verwendung #elementid das ist, wie ein Element in angular2 verwiesen wird ...

<div id="navi-div"> 
    <div class="navi-button" id="dashboard" #dashboard (click)="goTo($event)" [ngClass]="{'navi-button-selected': selectedEvent === dashboard}">Dashboard Final </div> 
    <div class="navi-button" id="dashboardtemp" #dashboardtemp (click)="goTo($event)" [ngClass]="{'navi-button-selected': selectedEvent === dashboardtemp}"> Dashboard Temp </div> 
    </div>