Функция Asyn c Firestore завершает работу приложения в HTML

Question

У меня есть такая функция:

  async profilePhoto(id) {
    const docRef: AngularFirestoreDocument<any> = this.colRef.doc(id);
    const promise = await docRef.ref.get();
    const photoUrl = await promise.get('photoURL');
    console.log(photoUrl);
    return photoUrl;
  }

Я могу вызвать ее из файла .ts, например

this.userService.profilePhoto('userId123');

, и она работает хорошо. Регистрирует URL.

Но когда я пытаюсь вызвать его в HTML, как

<img [src]="userService.profilePhoto('userId123')" />

Приложение вылетает. Браузер заморожен. Есть идеи?