如何不在子元素上应用 [routerLink]? [英] How to not apply [routerLink] on a child element?
问题描述
我想让一个子元素触发它自己的点击,并且不响应它具有[routerLink]的父元素,问题是子元素无法运行它<(click)="delete()"
中的 code>delete() 函数,它只是在 [routerLink]
中跟随它的父级(它导航到/product/:id)
<!-- 父元素--><a [routerLink]="['/product/'+product.id]"><div class="人物"><div class="sides"><div class="side"><div class="card"><img class="img" [src]="product.thumb"><div class="内容"><div class="header">{{product.name}}</div><div class="meta"><span>product.category</span>
<div class="extraContent"><span class="ui right floated black"><!-- 子元素--><a (click)="delete()" ><i class="红色垃圾桶轮廓图标"></i></a></span><span><i class="deleteProductIcon"></i></span>
<!-- 子元素-->