Angular Onclick () не работает на второй кнопке

Question

Как видно из кода, есть два метода onClick ().Оба появляются в пользовательском интерфейсе.Но когда я нажимаю на второй метод 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) на кнопке вместо (onClick), потому что это событие не существует на собственной кнопке.

Answer 2

Вам нужно использовать (click) при использовании события нажатия Angular.

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

Другое событие (onClick), скорее всего, является источником выходного события vh-button компонент / директива.