Jquery 角度2/4动态造型

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

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

---

您应该使用属性绑定

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

---

您可以动态添加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;
  }

即使这段代码也可以在angular2/4中工作，没有任何问题，使用angular2运行这段代码有问题吗？我在index.html中引用了jquery和master.js，然后运行应用程序。然后点击a-什么都没发生。。我做了console.log（'mahesh'），在console中看不到mahesh。你能在plunker上发布你的完整代码吗？我会修正我的回答如果我这样做的话，我必须在我的每个a中加入[class.active]，我如何避免这样做？？？你可以在通用样式表中拥有这个类。这样做的实际目的是什么？
<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;
  }