javascript - *ngFor 不迭代数组

Question

我创建了一系列具有属性标题和内容的帖子 当我使用 *ngFor 显示它时，没有显示任何内容

这是组件的ts文件代码

posts = [

{
  title: 'first',
  content: '...'
},

{
  title: 'second',
  content: '...'
}

]

并且这行代码在全局 View app.component.html

<app-mon-post *ngFor="let post of posts">{{ post.title }} </app-mon-post>

Answer 1

我猜问题不是由 *ngFor 引起的指令，但由 <app-mon-post>元素。请尝试使用标准的 HTML 标签来测试循环:

<ul>
    <li *ngFor="let post of posts">{{ post.title }}</li>
</ul>

请注意自定义元素的内容，如<app-mon-post>仅在以下任一情况下可见:

• 该元素对于浏览器来说是未知的
• 该元素有一些代码来显示它。在 Angular 组件中，通常使用 @ContentChild 引用内容。输入变量。