angular 2:将HTML元素传递给模板

loc*_*k42 6 typescript angular2-template angular

我传递的数据源如下:

<a href="javascript:blahblah...>Something</a>
Run Code Online (Sandbox Code Playgroud)

anchor: HTMLAnchorElement;在组件中分配了它.当我尝试在模板中显示它时,如下所示:

{{anchor}}
Run Code Online (Sandbox Code Playgroud)

它出来了javascript:0 blehblahek.

我想要做的就是将HTML元素传递给模板.我怎样才能做到这一点?

Ste*_*ota 12

您正在寻找innerHTML,例如:

零件

someHtmlCode: string = "<div><b>This is my HTML.</b></div>"
Run Code Online (Sandbox Code Playgroud)

模板

<div [innerHTML]="someHtmlCode"></div>
Run Code Online (Sandbox Code Playgroud)

但是,如果您想传递script标签或其他一些有潜在危险的代码,则需要使用DomSanitizer.