angula2データバインディングを使用したhtml属性のエラー

Question

データターゲット機能をトリガするためにインデックス値を持つhtml属性の＃記号が必要ですが、各項目のIDとしてインデックス値を持っていますが、ターゲット。ここ

は私のコード

<span class="li-items" *ngFor="let item of menuData; let i = index;"> 
    <span class="dropdown-toggle single-item" data-toggle="collapse" [attr.data-target]="i" *ngIf="item.name == 'Events' "> 
     <a class="li-event">{{item.name}} ({{item.data.length}})<span class="b-caret"></span></a> 
    </span> 
    <span class="inner-block collapse" [attr.id]="i"> 
     <span></span> 
    </span> 
</span> 

である私は、この

[attr.data-target]="#i" 

Answer 1

のように、ここで

[attr.data-target]="i" 

＃記号を必要とし、このまたは補間

<span class="dropdown-toggle single-item" data-toggle="collapse" [attr.data-target]="combineText(i)" *ngIf="item.name == 'Events' "> 

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

を達成するための機能を使用して、

代わりにあなたが

<span class="dropdown-toggle single-item" data-toggle="collapse" data-target="{{'#'.concat(i.toString())}}" *ngIf="item.name == 'Events' ">