在Angular2中的ngfor中设置属性

在Angular2中的ngFor指令用于循环遍历一个集合，并为每个元素创建一个模板实例。要在ngFor中设置属性，可以使用属性绑定语法。

例如，假设我们有一个名为"items"的数组，我们想要在ngFor中循环遍历这个数组，并为每个元素设置一个自定义属性"customAttr"。我们可以按照以下步骤进行操作：

1. 在组件的类中，定义一个名为"items"的数组，并为每个元素添加一个名为"customAttr"的属性。例如：

items = [
  { name: 'Item 1', customAttr: 'Value 1' },
  { name: 'Item 2', customAttr: 'Value 2' },
  { name: 'Item 3', customAttr: 'Value 3' }
];

1. 在模板中，使用ngFor指令循环遍历"items"数组，并使用属性绑定语法设置"customAttr"属性。例如：

<div *ngFor="let item of items">
  <span [attr.customAttr]="item.customAttr">{{ item.name }}</span>
</div>

在上面的代码中，我们使用attr.customAttr来设置"customAttr"属性，并将它绑定到"item.customAttr"。这样，每个循环的元素都会有一个自定义属性"customAttr"，其值来自于"item.customAttr"。

请注意，这只是一个示例，你可以根据实际需求来设置属性和属性值。

推荐的腾讯云相关产品和产品介绍链接地址：

• 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯云人工智能：https://cloud.tencent.com/product/ai
• 腾讯云物联网通信（IoT Hub）：https://cloud.tencent.com/product/iothub
• 腾讯云移动推送（TPNS）：https://cloud.tencent.com/product/tpns