如何将*ngFor (角度)的值传递给data-target属性？

在Angular中，ngFor是一个结构指令，用于循环渲染元素列表。要将ngFor的值传递给data-target属性，可以使用属性绑定。

首先，确保你已经在组件中定义了一个属性来存储*ngFor的值。例如，假设你有一个名为items的数组，你可以在组件中声明它：

items: any[] = ['item1', 'item2', 'item3'];

接下来，在HTML模板中使用ngFor循环渲染元素，并使用属性绑定将ngFor的值传递给data-target属性。例如：

<div *ngFor="let item of items" [attr.data-target]="item">
  {{ item }}
</div>

在上面的代码中，我们使用[attr.data-target]来绑定data-target属性，并将item作为它的值。这样，每个循环项都会有一个不同的data-target值。

请注意，我们使用了方括号[]来表示属性绑定，这是Angular中的语法。方括号告诉Angular将表达式作为属性的值进行求值。

这是一个示例，展示了如何将*ngFor的值传递给data-target属性。你可以根据自己的需求进行修改和扩展。

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

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 腾讯区块链服务（TBCAS）：https://cloud.tencent.com/product/tbcs
• 腾讯元宇宙（Tencent Metaverse）：https://cloud.tencent.com/solution/metaverse