[英]Add HTML to dynamic elements using angular2
I need to append dynamic html in angular with in loop. 我需要在in循环中添加动态HTML。
As I am trying to use in following way, but getting issue 由于我试图以以下方式使用,但出现问题
<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>
While try to add this code I am getting following issue: 尝试添加此代码时,出现以下问题:
Can't bind to 'target' since it isn't a known property of 'p'. ("ult" *ngFor="let goal of goals">
Please suggest how can I resolve this. 请提出我该如何解决。
Thanks. 谢谢。
Try this 尝试这个
<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>
data-target is not html5 attributes it is used by bootstrap. data-target不是引导程序使用的html5属性。 So Angular giving you error about it. 所以Angular给你关于它的错误。 more detail 更多详情
Try this 尝试这个
<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>
To tell Angular explicitly to use attribute binding, use instead above code using attr
要明确告诉Angular使用属性绑定,请在上面的代码中使用attr
代替
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.