Angular 7.1.3 工作简单吗？按 class 名称绑定 Onclick 事件？那是工作吗？

Question

我正在使用Angular 7.1.3，我熟悉Jquery。

我只需要简单地在侧边栏中添加 active class onclick 事件

<a class="sidebar-link" routerLink="/foo">foo</a>
<a class="sidebar-link" routerLink="/voo">Voo</a>
<a class="sidebar-link" routerLink="/moo">Moo</a>

所以onlclick我需要添加active class。我不想在每个 link 中添加 (click)="onClick(active)"。我的意思是让它简单地通过 class 名称获取元素并绑定单击事件并添加 class.

有没有简单的绑定方法jquery我需要这个简单的方法：

$('.sidebar-link').on('click', e => {
          $(this).addClass('active');
      });

我用谷歌搜索了它，但在每个 link.

中他们需要添加 (click)="onClick(active)"

所以 Angular 7.1.3 的这个简单的东西可以用更少的代码工作吗？

如何在 Angular 7.1.3 中通过 class 名称添加 active class？

Answer 1

您可以轻松地为此使用 RouterLinkActive 目录，当您的页面 rounter link 与您在 routerLink 标记中描述的一样时，routerLinkActive classes 将添加 class 属性您的 HTML 模板。

<a routerLink="/user/bob" routerLinkActive="class1 class2">Bob</a>
<a routerLink="/user/bob" [routerLinkActive]="['class1', 'class2']">Bob</a>

Simple thing for Angular 7.1.3 work ? Bind Onclick event by class name ? is that work?