2016-01-07 2 views
0

В угловых 1 переплетных работах, как нг-связывать-HTML = «htmlValue»Как связать HTML в угловые 2.0

Как связать HTML в угловом 2.0

+1

нг-связывать-HTML будет дезинфицировать все, чтобы предотвратить атаки инъекционного сценария. решение ниже, я думаю, этого не делает, но не пробовал. –

+0

Да, вы правы! Я сделал тест с ' Нажмите здесь' и код JavaScript на самом деле выполняется на клик ... –

ответ

9

Я думаю, что вы могли бы использовать атрибут innerHtml и связывают somethinng на нем:

<span [innerHtml]="someHtmlContent></span> 

Вот пример

@Component({ 
    selector: 'first-app', 
    template: ` 
    <span [innerHtml]="value"></span> 
    ` 
}) 
export class AppComponent { 
    constructor(private http:Http) { 
    this.value = '<strong>test</strong>'; 
    } 

}

Надеется, что это помогает вам, Thierry

+0

спасибо @thierry его рабочий –

+0

что делать, если мне нужно использовать другой компонент внутри '[innerHtml]', вроде этого, который не работает ' ">' Эта ссылка на маршрутизатор не компилируется. – Wishnu

Смежные вопросы