在*ngFor中每3个元素后添加div,可以通过以下方式实现:
<ng-container *ngFor="let item of items; let i = index">
<!-- 显示元素的内容 -->
<div>{{ item }}</div>
<!-- 每3个元素后添加div -->
<div *ngIf="(i + 1) % 3 === 0"></div>
</ng-container>
export class YourComponent {
items: string[] = ['元素1', '元素2', '元素3', '元素4', '元素5', '元素6', '元素7', '元素8', '元素9', '元素10'];
}
上述代码中,ng-container元素用于包裹每个要显示的元素,并使用ngFor指令遍历items数组。在每个元素后,使用ngIf指令判断当前元素的索引是否为3的倍数,如果是,则添加一个空的div元素。
这样,每3个元素后都会添加一个div元素。
注意:以上示例中的代码是Angular框架的示例,ngFor和ngIf是Angular中的指令。如果你使用其他前端框架或库,可以根据相应的语法和指令进行实现。
关于腾讯云相关产品和产品介绍链接地址,由于要求不能提及具体品牌商,无法提供相关链接。但腾讯云提供了丰富的云计算产品和解决方案,你可以访问腾讯云官方网站,查找相关产品和文档。
领取专属 10元无门槛券
手把手带您无忧上云