How to implement ng-bind-html in AngularJS 2

Problem:

In Angularjs 1.x, you can use ng-bind-html to insert an HTML code that is equivalent to the escape property of the struts2 tag. But Angularjs 2 cancels the ng-bind-html, what do we do when the project does need to dynamically insert HTML code?

Workaround:

• Use [innerHtml] instead of ng-bind-html.

The InnerHtml property is used to set the html,[innerhtml]= "Data.title" within the label to dynamically assign ANGULARJS 2 variable values to the InnerHtml property to achieve ng-bind-html effect.

Complete Example:

Search.component.html

<a href= "#" target= "_blank" [innerhtml]= "Data" ></a>

Search.component.ts

    Export class Searchcomponent {        Private data:string = "<b>helloWorld</b>";    }

Transferred from: http://www.lvhongqiang.com/blog425.html

How to implement ng-bind-html in AngularJS 2