Ответ 1
Вы можете просто использовать директиву [innerHTML] для ее выполнения.
http://plnkr.co/edit/6x04QSKhqbDwPvdsLSL9?p=preview
import {Component, Pipe} from '@angular/core'
@Component({
selector: 'my-app',
template: '
Hello my name is <span [innerHTML]="myName"></span>
',
})
export class AppComponent {
myName='<strong>Pardeep</strong>';
}
Обновить:
Я проверил, что это не работает после выпуска RC.1.
Скажем, чтобы он работал с RC.4, вы можете использовать DomSanitizationService как показано ниже,
@Component({
selector: 'my-app',
template: '
<div [innerHTML]="myCheckbox"></div>
',
})
export class AppComponent {
dangerousUrl='<input type="checkbox">';
constructor(sanitizer: DomSanitizationService) {
this.myCheckbox= sanitizer.bypassSecurityTrustHtml(this.dangerousUrl);
}
}