Angular 8:无法迭代我的posts对象

所以我开始用

*ngFor

制作一个简单的建筑列表

这是

AppComponent

类文件：

从“@angular/core”导入{Component}；
@组成部分({
选择器：“应用程序根”，
templateUrl:“./app.component.html”，
样式URL:[“/app.component.css”]，
})
导出类AppComponent{
职位=[
{
标题：“整洁的树”，
imageUrl:“资产/tree.jpeg”，
用户名：“自然”，
内容：“我今天看到了这棵整齐的树”，
},
{
标题：“雪山”，
imageUrl:“assets/mountain.jpeg”，
用户名：“mountainlover”，
内容：“这是一幅雪山的图片”，
},
{
标题：“山地自行车运动”，
imageUrl:“assets/biking.jpeg”，
用户名：“biking1222”，
内容：“我今天骑了一些自行车”，
},
];
}

然后在

app.component.html

文件中，我对其进行了如下重构：

*ngFor=“让帖子发布”[title]=“post.title”[imageUrl]=“post.imageUrl”
[用户名]=“post.username”[内容]=“post.content”

---

应该是这样的，我应该像以前一样看到我的三个不同的卡片组件，但是我看到的是一个坏掉的卡片组件。终端无错误，控制台无错误。我被难住了。

你的标记错了。需要将标记移到靠近属性后面的位置

---

您的标记错误。需要将标记移到靠近属性后面的位置

您的

ngFor

需要像这样位于

中。您已经关闭了开始标记，然后使用了ngFor。您的

ngFor

需要像这样位于

中。你已经关闭了开始标签，然后使用了ngFor。哦，天哪，谢谢大家，我想是时候休息了。哦，天哪，谢谢大家，我想是时候休息了。