[解決済み] ngForにダイナミックidを設定するには？

質問

動的な id を設定する方法は？

私は試してみました。

<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