如何在* ngFor中设置动态ID? | ngFor中设置动态ID

本文介绍了如何在* ngFor中设置动态ID?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

如何在Angular 2中设置动态id?

How to set dynamic id in Angular 2?

我尝试过:

<div class = "CirclePoint" *ngFor="#c of circles" id = "{{ 'Location' + c.id }}"></div>

this.circles = [
        { x: 50 , y: 50 ,id : "oyut1" },
        { x: 100 , y: 100 ,id : "oyut3"  },
        { x: 150 , y: 150 ,id : "oyut2"  }
];

但它不起作用.

推荐答案

<div class = "CirclePoint" *ngFor="let c of circles"
    [attr.id]="'Location' + c.id">
</div>

<div class = "CirclePoint" *ngFor="let c of circles"
    attr.id="Location{{c.id}}">
</div>

对于id属性，它也可以正常工作(尚未尝试过)

这篇关于如何在* ngFor中设置动态ID?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！

1403页，肝出来的..