Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/google-cloud-platform/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular6 将RouterLink活动与单击事件一起使用_Angular6_Angular Router_Angular Routerlink - Fatal编程技术网
Fatal编程技术网
  • angular6/
  • Angular6 将RouterLink活动与单击事件一起使用

Angular6 将RouterLink活动与单击事件一起使用

angular6

Angular6 将RouterLink活动与单击事件一起使用,angular6,angular-router,angular-routerlink,Angular6,Angular Router,Angular Routerlink,如何使用带有click事件的routerLink活动，而不使用routerLink？ 我在某个地方读到，同时使用click和routerLink不是一个好的实践。我希望在单击链接时设置一个活动类，并希望在将用户导航到单击的页面之前在单击事件上执行一些业务功能。下面的代码没有设置类 <button type="button" class="list-group-item list-group-item-action" routerLinkActive="active"

如何使用带有click事件的
routerLink活动
，而不使用
routerLink
？
我在某个地方读到，同时使用click和routerLink不是一个好的实践。我希望在单击链接时设置一个活动类，并希望在将用户导航到单击的页面之前在单击事件上执行一些业务功能。下面的代码没有设置类


<button
    type="button"
    class="list-group-item list-group-item-action"
    routerLinkActive="active"
    *ngFor="let service of services"
    (click)="changeService(service)">
    {{ service | titlecase }}
</button>




{{service | titlecase}}