Api 响应数据未显示在表中 （Angular）

问：

我从后端获取类别列表/数组并将它们显示在表格中，但我的表格中没有显示任何数据。 我在检查中检查了网络选项卡，它显示 200 个响应并从 api 获取所有数据。

model.ts

export interface Category{
  Id:string;
  Name:string;
  UrlHandle:string;
}

service.ts

@Injectable({
  providedIn: 'root'
})
export class CategoryService {

  constructor(private http:HttpClient) { }

  addCategory(model:AddCategoryRequest): Observable<void>{
    return this.http.post<void>(`${environment.apiBaseUrl}/api/categories`,model);

  }

  getAllCategories(): Observable<Category[]>{
    return this.http.get<Category[]>(`${environment.apiBaseUrl}/api/categories`);
  }
}

HTML 代码

<div class="container">
  <h1 class="mt-3">Category List</h1>
  <div class="d-flex justify-content-end mt-3">
    <a [routerLink]="['/admin/categories/add']" class="btn btn-primary"
      >Add Category</a
    >
  </div>
  <ng-container *ngIf="categories$ | async as categories">
    <table class="table table-bordered mt-3">
      <thead>
        <tr>
          <th>Id</th>
          <th>Name</th>
          <th>Url Handle</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let category of categories">
          <td>{{ category.Id }}</td>
          <td>{{ category.Name }}</td>
          <td>{{ category.UrlHandle }}</td>
        </tr>
      </tbody>
    </table>
  </ng-container>
</div>

“网络”选项卡供您参考

我以为我的html文件有问题，我的代码不允许显示数据。我彻底检查了一下，什么也没找到。