Question

在此代码中：

  <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>

我无法正确将id值传递给[ngClass]条件。在ngClass中，$ event无法识别。那么，我该怎么做呢？

我的onCLick功能：

  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

使用#elementid这是在angular2 ...

中引用元素的方式

<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>

如何将属性ID传递给ngCLass条件

1 个答案: