Angular функция остановки от самостоятельного вызова

Question

Я пытаюсь реализовать новую функциональность в моем любимом проекте.

В основном у меня есть эта функция:

public makePayment() {
    const url = 'http://localhost:8080/';
    return this.http.post(url + 'paypal/make/payment?sum=8', {}).subscribe(res => console.log(JSON.stringify(res)));
  }

И я не хочу, чтобы ее вызывали здесь:

<a [routerLink]="makePayment()">MAKE A DEPOSIT</a>

Однако он вызывается при загрузке страницы и начинает спамить мой бэкэнд с запросами.

Я пару раз делал что-то подобное, и это работало нормально. Не могли бы вы помочь мне разобраться в проблеме?

Answer 1

Маршрутизаторы предназначены для навигации, а не для вызова функции. Попробуйте вместо этого:

<div (click)="makePayment()">MAKE A DEPOSIT</div>

Это не будет стилизовано под ссылку, вам придется добавить css для этого.