2017-01-25 6 views
5

Источник данных я получаю передается что-то вроде:угловой 2: передать HTML-элемент в шаблоне

<a href="javascript:blahblah...>Something</a> 

И я назначил сказать anchor: HTMLAnchorElement; в компоненте. Когда я пытаюсь отобразить его в шаблоне так:

{{anchor}} 

Он выходит как javascript:0 blehblahek.

Что я хочу сделать, так это просто передать HTML-элемент в шаблон. Как я могу это сделать?

ответ

11

Вы ищете innerHTML, например:

Компонент

someHtmlCode: string = "<div><b>This is my HTML.</b></div>" 

Шаблон

<div [innerHTML]="someHtmlCode"></div> 

Но, если вы хотите передать script тег или какой-либо другой потенциально опасный код, вам необходимо использовать DomSanitizer.

+0

удивительный, спасибо бутон! – lock22

+0

спасибо. это сработало. –