При нажатии кнопки (щелчок) событие должно выполняться после события <a href>

Question

Когда я нажимаю кнопку на моей угловой странице, она должна сначала выполнить тег a href, а затем выполнить функцию кнопки onClick.

<button (click)="invokeFun()"><a href="mylink.com?state=take-back-to-my-link.com">Link</a> </button>

Но когда я использую этот код, он берет меня по ссылке и возвращает меня обратно, но функция onClick не вызывается.

когда я проверял Chrome Inspector, я получил эту ошибку:

Uncaught ReferenceError : invokeFun is not defined at HTMLButtonElement.onclick

Однако, когда я использую onClick отдельно, он работает.

Answer 1

Нет, это недопустимый HTML5 в соответствии со спецификацией HTML5 от W3C : и больше

измени свой код следующим образом
HTML:

<button (click)="invokeFun()">Link</button>

В составе:

invokeFun(){
    window.location.href = 'mylink.com?state=take-back-to-my-link.com';
}