無法為 angular typescript 創建復雜接口

Question

我想為每個用戶獲取評論數組，但我需要創建一個像圖像中一樣的界面。

我可以得到除了這個屬性之外的所有東西，所以在我的代碼中我喜歡這樣：

  personSubject = new BehaviorSubject<any>(null);
  person$: Observable<any> = this.personSubject.asObservable();

getAllPosts(event?) {
    this.authService.getAllPosts().pipe(takeUntil(this.destroy$)).subscribe((res: any) => {
      console.log(res);
      this.allPosts = res.length;
      this.down = res.length;

      this.personSubject.next(res.data.post)

})
}

*ngFor="let i=index; let post of person$ | async | sortPipe"

我如何處理這個界面？

Answer 1

像這樣的用戶嵌套界面

interface Response {
  data: User;
  status: string;
  length: number;
}

interface User {
  post: Post[];
}

interface Post {
  allComments: Comment[];
  author: Author;
  comments: Comment[];
}

interface Comment {
  commentBody: string;
  userData: {
    photo: string;
  }
}