2

我有一个由三个组件组成的树，我在其中使用属性绑定从后端传递 json 数据，尽管它会显示出来，但我总是在控制台中遇到错误

无法在 ListCategoryComponent.ngOnInit 处读取 null 的属性“id”

我尝试了类似线程的答案，以在 List-category.component.ts （ngOnChanges 和 AfterContentInit）中使用不同的生命周期挂钩，但仍然无法正常工作。

List.component.html - 我从后端检索 JSON 并将其传递到其子Forum-list-section.component

<app-list-section *ngFor="let section of sections" [section]="section" >
      </app-list-section>

List-section.component.ts - 然后从部分中提取类别并将其进一步向下传递

@Input() section;
  categories;

  ngOnInit() {
    this.categories = this.section['categories'];
  }

列表-section.component.html 

<app-list-category
    *ngFor="let category of categories" [category]="category"
    class="forum__post">
  </app-list-category>

List-category.component.ts我终于在其中检索并显示收到的数据

@Input() category: Category;
  categoryId: string;
  latestThreadId: string

 ngOnInit() {
    this.categoryId = `${this.category.id }-${this.category.slug}`;
    this.latestThreadId = `${this.category.latest_thread.id}-${this.category.latest_thread.slug}`;
  }
4

0 回答 0