如何在角度2中动态放置[attr.ref]？

Question

示例：

 <app-component *ngFor="let item of list; let i = index" [attr.ref]="i">
 </app-component>

怎么放

<app #idModal></app>

其中 idModal 是动态的，而不是静态名称。

Answer 1

您可以使用函数do to this

<app-component *ngFor="let item of list; let i = index" [attr.ref]="concatenate(i)">
 </app-component>

concatenate(i){
    return '#' + i;
}

如果您希望#idModal只修改您的功能

concatenate(i){
        return '#' + i+ 'Modal';
    }