小编Chr*_*ris的帖子

我有一个我正在制作的电子商务网站，我的目标是每个对象有多个输入点，例如，他们点击/点击卡片上除按钮之外的任何地方，它会在点击/点击的同时转到产品详细信息按钮将该项目添加到购物车。

目前，我可以将其转发到详细信息，即使点击按钮，它也会转发到详细信息。我想让按钮的动作覆盖路由器。

这是我目前的尝试：

<a *ngFor="let item of list"  >
<div class="col-lg-3 col-md-4 col-xs-6">
    <div class="card" [routerLink]="['/detail', item.item_number]">
    <img style ="width:170px;height:150px; display:block;"alt="170x150" src="{{item.item_image}}">

    <div class="card-block">
    <p class="card-text text-muted">{{item.item_name}}</p>
    <p class="card-text">Size:{{item.item_length}}</p>
    </div>

    <div class="container">        
    <button type="button" class="btn btn-primary btn-block" (click)="addItem()">Add<span [routerLink]="['/detail', item.item_number]" [class.disabled]="disabled ? true : null"></span></button>
    </div>
</div>
</div>
</a>

我希望在按钮中嵌套禁用命令会起作用，但情况似乎并非如此。任何想法都会很棒！