使用angular2將HTML添加到動態元素

我需要在循環中將angular動態html添加到循環中。使用angular2將HTML添加到動態元素

正如我想在下面的方式來使用，但得到的問題

<div class="reseipt panel panel-default" *ngFor="let goal of goals"> 

    <p class="panel-heading" data-toggle="collapse" data-target=" 
    {{'#collapse-'+ goal.Id}}"> 
    Goal - {{goal.Description}} {{goal.Id}} 
    </p>

雖然嘗試添加該代碼，我得到了以下問題：

Can't bind to 'target' since it isn't a known property of 'p'. ("ult" *ngFor="let goal of goals">

請建議我怎麼能解決這個。

謝謝。

來源

2017-09-01 Prince Chopra

我不明白你的稱號，這是代碼「添加HTML到動態元素」。 – 2017-09-01 05:50:23

嘗試此

<div class="reseipt panel panel-default" *ngFor="let goal of goals"> 
      <p class="panel-heading" data-toggle="collapse" 
    [attr.data-target]="'#collapse-'+ goal.Id">Goal - {{goal.Description}} {{goal.Id}}</p>

數據對象不是HTML5屬性它由自舉。所以Angular給你錯誤的。 more detail

來源

2017-09-01 05:36:54 Dhaval

角度削減來自數據目標的數據，這是因爲它抱怨目標屬性 – yurzui

感謝您的回覆，它適用於我[attr.data-target] =''＃collapse'+ goal.Id「。 –

試試這個

<div class="reseipt panel panel-default" *ngFor="let goal of goals"> 

      <p class="panel-heading" data-toggle="collapse" 
[attr.data-target]="'#collapse-'+ goal.Id"> Goal - {{goal.Description}} {{goal.Id}}</p>

告訴角度明確使用屬性綁定，而不是使用上述使用attr

來源

2017-09-01 05:37:29

使用angular2將HTML添加到動態元素

回答

相關問題