Angular Onclick（）在第二个按钮上不起作用

Question

您可以在代码中看到，有两个onClick（）方法。两者都出现在UI上。但是，当我单击第二个onClick（）方法时，它不会调用该方法，而是会调用第一个方法。我不明白为什么会这样。请帮忙。

        <div class="col-sm-12 text-right mrg-top-15">
            <div class="action-btns text-right flex">
                <span class="icon-pending"></span>
                <vh-button [type]="'trash'" (onClick)="navigateToHRA()" class="mrg-lft-10" id="icd-delete"></vh-button>
            </div>
            <button (onClick)="navigateToHRA()" class="btn btn-primary">{{'LookUpButtonText'|translate}}</button>
        </div>

Answer 1

使用Angular的click事件时，您需要使用(click)。

<button (click)="navigateToHRA()" class="btn btn-primary">{{'LookUpButtonText'|translate}}</button>

另一个(onClick)事件很可能是vh-button组件/指令的输出事件发射器。

Answer 2

您必须在按钮上使用(click)而不是(onClick)，因为该事件在本机按钮上不存在。