角属性&#39；内容&#39；不存在于类型&#39；从不。

所以代码很简单，我有一个组件，我想在其中呈现信息(如果存在)，但当该组件不存在时，我会收到错误。

所以post-list.Component.html如下所示：

  <mat-expansion-panel *ngFor="let post of posts">
    <mat-expansion-panel-header>
      <mat-panel-title>
        {{ post.title }}
      </mat-panel-title>
      <!-- <mat-panel-description>
        {{post.description}}
      </mat-panel-description> -->
    </mat-expansion-panel-header>
    <p>{{ post.content }}</p>
  </mat-expansion-panel>
</mat-accordion>
<p *ngIf="posts.length >= 0">No posts added yet</p>

和post-list.Components.ts类似于>；

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-post-list',
  templateUrl: './post-list.component.html',
  styleUrls: ['./post-list.component.css'],
})
export class PostListComponent implements OnInit {
  constructor() {}

  posts = [];

  ngOnInit(): void {}
}

我收到以下错误： Error image

---

解决方案

您尚未为posts属性定义类型。当您只需要

export class PostListComponent implements OnInit {
  ...
  posts = [];
  ...
}

从[]的值推导出posts属性的类型。并从没有任何类型信息的空数组中解码never[]，因此它假定如下

export class PostListComponent implements OnInit {
  ...
  posts: never[] = [];
  ...
}

若要解决此问题，请为posts属性定义一个类型，如

export interface IPost {
  title: string;
  content: string;
  ...
}

export class PostListComponent implements OnInit {
  ...
  posts: IPost[] = [];
  ...
}

因此，TypeScrip将推导出正确的类型。