Я разрабатываю приложение Angular, которое станет темой WordPress. Я хочу реализовать возможность показа только постов определенной категории. Я передаю категорию slug в качестве параметра запроса ( http://example.com/blog?category=my-category ). В своем сервисе блогов я хочу воспользоваться этим и использовать slug, чтобы получить идентификатор категории для внедрения этой категории. идентификатор в качестве HttpParam в мой запрос HttpClient.

У меня есть этот код до сих пор:

this.route.queryParams.pipe( switchMap(params ={amp}gt; this.categoryService.getCategoryBySlug(params.category).pipe( map(category ={amp}gt; ({params, category})) )) 

Теперь мне нужно знать, как это сделать, чтобы создать HttpParams с {categories: 3} , чтобы потом делать

 return this.http.get{amp}lt;Blog[]{amp}gt;(`${this.apiUrl}/posts, {params: this.params}); 

Перепробовал несколько способов. Я знаю, что Obervables являются асинхронными, но использование .toPromise().then(...) не сделало это и для меня.