Angular 2 return html instead of string [duplicate]

Question

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

export class SomeComponent implements OnInit {

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

}

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

{{ testing }}

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

Günter Zöchbauer · Accepted Answer · 2016-06-15 18:31:31Z

36

You can use innerHTML for this:

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

answered Jun 15, 2016 at 18:31

661k235 gold badges2.1k silver badges1.6k bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1