在Angular2中的ngFor指令用于循环遍历一个集合,并为每个元素创建一个模板实例。要在ngFor中设置属性,可以使用属性绑定语法。
例如,假设我们有一个名为"items"的数组,我们想要在ngFor中循环遍历这个数组,并为每个元素设置一个自定义属性"customAttr"。我们可以按照以下步骤进行操作:
items = [
{ name: 'Item 1', customAttr: 'Value 1' },
{ name: 'Item 2', customAttr: 'Value 2' },
{ name: 'Item 3', customAttr: 'Value 3' }
];
<div *ngFor="let item of items">
<span [attr.customAttr]="item.customAttr">{{ item.name }}</span>
</div>
在上面的代码中,我们使用attr.customAttr来设置"customAttr"属性,并将它绑定到"item.customAttr"。这样,每个循环的元素都会有一个自定义属性"customAttr",其值来自于"item.customAttr"。
请注意,这只是一个示例,你可以根据实际需求来设置属性和属性值。
推荐的腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云