Angular 2/4动态样式

Question

我怎么用角2/4写这个？

  $('nav ul li a').click(function(){  
    $(this).closest('li').addClass('active'); 
  });

Answer 1

你可以动态添加css类，例如见这里

<ul>
  <li *ngFor='let menu of navMenu'>
        <a (click)='Styling(menu)' [class.active]='menu?.active'>hello {{menu?.name}}</a>
  </li>
</ul>

Styling(menu){
    for(let i=0; i< this.navMenu.length; i++){
      this.navMenu[i].active = false;
    }
    menu.active = true;
  }

的 Working Plunker

Answer 2

您应该使用属性绑定

<nav>
    <ul> 
        <li> 
            <a [class.active]="active"></a>
        </li>
    </ul>
</nav>

您应该在组件

中包含以下内容

active:boolean =false