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

Как видно из кода, есть два метода 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>