* ngFor不迭代数组

Question

我创建了一系列帖子，其中包含标题和内容 当我使用 * ngFor 进行显示时，什么也没显示

这是组件ts文件的代码

posts = [

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

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

]

这行代码在全局视图 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输入变量来引用内容。