Не уверен, но, похоже, проблема именно с маршрутизацией. До внедрения RouterModule
все работало. Делаю поиск. Есть две компоненты - search
и searchresult
.
search.component.html
<input [(ngModel)]="query" type="text" placeholder="Поиск продукта...">
<button (click)="link_search(query)">
<mat-icon>search</mat-icon>
</button>
search.component.ts
link_search(search: string) {
this.router.navigateByUrl('/searchresults/' + search);
}
search-result.component.ts
ngOnInit() {
this.query = this.route.snapshot.paramMap.get('query');
this.search(this.query);
}
метод search
search(query: string) {
this.searchService.getDefault(query).subscribe(
data => this.searchResult = data);
}
Данные из API приходят 100%, но после выполнения метода this.searchResult
все равно пуст. Если вызвать метод поиска из компоненты search-result кнопкой (т.е. когда компонент уже проинициализирован) то данные в this.searchResult
есть, правда не работает пагинация.
app-routing.module.ts
const routes: Routes = [
{ path: '', component: DefaultComponent },
{ path: 'searchresults/:query', component: SearchresultComponent },
Часть кода убрана, для читаемости (проверки и тд). Ангуляр изучаю недавно, возмонжо упускаю как-то базовый момент. Что делаю не так? Повторю, до добавления рутинга, когда внутри одной компоненты вызывал другую с передачей массива данных все работало как надо
subscribe
сделатьconsole.log(data)
- что выводит консоль?DefaultComponent
перейти наsearchresults/qwerty
, то в консоли ничего, а если сразу в урле ввестиsearchresults/qwerty
, то данные есть в консоли?<button (click)="search('qwerty')"> <mat-icon>search</mat-icon> </button>
то и в косоли будет инфа и в массивеHttpClientModule
вimports
надо, а неHttpClient