How to bind html into Angular 2.0

Question

In angular 1 binding works like ng-bind-html="htmlValue"

How to bind html in Angular 2.0

Answer 1

I think that you could use the innerHtml attribute and bind something on it:

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

Here is a sample:

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