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

(click)使用Angular的点击事件时需要使用。

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

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