Angular - навигация по маршруту с результатом наблюдаемого

Question

У меня есть интересная проблема, которую я не могу понять.

Я делаю HTTP-запрос, который возвращает Observable.Я подписываюсь на наблюдаемое и использую значение в качестве параметра моего маршрута при вызове router.navigate.Навигация работает правильно, но когда я приземляюсь на новом маршруте, я ничего не могу щелкнуть, страница полностью заблокирована.Как только я обновляю страницу, все работает как положено.

Фрагмент кода ниже для справки.

createTemplate() {
    this.templateService.create(this.templateModel)
        .subscribe(template => {
          this.router.navigate(['/admin/templates/builder', template.id]);
      });
    }

Answer 1

Что делает метод this.templateService.create?Какой вид наблюдаемых возвратов?

Может быть, вам придется закрыть подписку?

createTemplate() {
    this.templateService.create(this.templateModel)
        .pipe(first())
        .subscribe(template => {
          this.router.navigate(['/admin/templates/builder', template.id]);
      });
    }