#angular
Вопрос:
список-категории.ts
ngOnInit(): void { this.categoriesservice.getcategories().subscribe( data =gt; { this.categories = data; console.log(data); }, error =gt; { console.log('httperror:'); console.log(error); } ); } list-categories.html
lt;tbody *ngFor="let categories of categories"gt; lt;app-card-categories categories-card [categories]="categories"gt; lt;/app-card-categoriesgt; lt;/tbodygt; корзина-категории.ts
export class CardCategoriesComponent { @Input() categories: categories; } card-categories.html
lt;td *ngIf="categories.category_name"gt;{{categories.category_name}}lt;/tdgt; Ответ Api
{ «current_page»: 1, «данные»: [ { «идентификатор»: 2, «имя категории»: «собака», «created_at»: «2021-11-17 10:18:35», «обновлен_ат»: «2021-11-17 10:18:35», «удален_ат»: null }, { «идентификатор»: 1, «имя_категории»: «тест», «создан_ат»: «2021-11-17 06:58:31», «обновлен_ат»: «2021-11-17 06:58:31», «удален_ат»: null } ], «первая страница»: «http://127.0.0.1:8000/api/categories?page=1», «от»: 1, «последняя страница»: 1, «последняя страница»: «http://127.0.0.1:8000/api/categories?page=1», «ссылки»: [ { «urlss»: null, «метка»: «Предыдущая», «активная»: ложь }, { «urlss»: «http://127.0.0.1:8000/api/categories?Страница=1», «метка»: «1», «активный»: истинно }, { «urlss»: нулевой, «метка»: «далее amp;raquoss;», «активный»: ложные } ], «next_page_urlss»: нулевой, «путь»: «http://127.0.0.1:8000/api/categories», «per_page»: 10, «prev_page_urlss»: нулевой, «к»: 2, «Итого»: 2 }
Комментарии:
1. Пожалуйста, проясните вашу конкретную проблему или предоставьте дополнительные сведения, чтобы выделить именно то, что вам нужно. Поскольку это написано в настоящее время, трудно точно сказать, о чем вы просите.
Ответ №1:
Сделайте свой categories лайк Observable
... categories: Observablelt;DataTypegt; = this.categoriesservice.getcategories(); ... и в html добавьте async канал для subscribe Observable
lt;tbody *ngFor="let categories of categories | async"gt; lt;app-card-categories categories-card [categories]="categories"gt; lt;/app-card-categoriesgt; кроме того, если вы подписываетесь на какие-либо наблюдаемые в вашем компоненте, не забудьте отказаться от подписки любым способом.