html in app.component.ts in Angular 5

Question

I want to create an updateable element in my app,

so in my html I have

<div>{{example}}</div>

then in my app component Ive done this..

example: string = `this is some text <br> this is more text`

but the output on the site was this is some text <br> this is more text so the whole thing was inserted as a string

Thanks

Answer 1

You should use innerHTML :

<div [innerHTML]="example"></div>

WORKING DEMO