Angular 2 return html instead of string [duplicate]

Question

Let's assume I have a test property like that:

Click to copy

export class SomeComponent implements OnInit {

    testing = '<strong>Just testing</strong>';

}

And I add to my test.component.html this line:

Click to copy

{{ testing }}

The output will be <strong>Just testing</strong>. I want it to return Just Testing. How can I do that?

Answer 1

You can use innerHTML for this:

Click to copy

<span [innerHTML]="testing"></span>