gpt4 book ai didi

javascript - *ngFor 不迭代数组

转载 作者:行者123 更新时间:2023-11-29 22:53:19 24 4
gpt4 key购买 nike

我创建了一系列具有属性标题和内容的帖子当我使用 *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>

最佳答案

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

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

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

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

关于javascript - *ngFor 不迭代数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57043704/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com