在Angular中,您可以使用ngFor
指令循环通过多个id的帖子。以下是一个示例解决方案的代码示例:
组件代码:
import { Component } from '@angular/core';
@Component({
selector: 'app-post-list',
template: `
`,
styleUrls: ['./post-list.component.css']
})
export class PostListComponent {
postIds: number[] = [1, 2, 3, 4, 5]; // 假设这是您的帖子id列表
}
帖子组件代码:
import { Component, Input } from '@angular/core';
@Component({
selector: 'app-post',
template: `
Post {{ id }}
`,
styleUrls: ['./post.component.css']
})
export class PostComponent {
@Input() id: number;
}
在上面的示例中,PostListComponent
组件使用ngFor
指令循环遍历postIds
数组,并为每个帖子创建一个
组件实例。每个
组件具有一个id
输入属性,用于显示相应的帖子内容。
您可以根据自己的需求修改组件和数据。希望这个示例能帮助到您!
上一篇:Angular循环迭代器
下一篇:Angular循环未正确迭代