How to render text/html response ,using angular2 js

Question

 @Component({
     selector: 'app-data',
     template: <div><input type="button" (click)="getData();" value="GET DATA"/>    </div> <div id="child">{{data}}</div>
})

Welcome to StackOverflow. Please format the code properly. This is unreadable. — Günter Zöchbauer
– Günter Zöchbauer, Commented Jun 10, 2016 at 10:36
I guess you're looking for stackoverflow.com/questions/36008476/… — Günter Zöchbauer
– Günter Zöchbauer, Commented Jun 10, 2016 at 10:37

Sjors · Accepted Answer · 2016-06-10 10:37:30Z

2

You can use the Angular 2 innerHTML binding:

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

answered Jun 10, 2016 at 10:37

Sjors

1,2151 gold badge8 silver badges25 bronze badges

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

3 Comments

vivek k Over a year ago

Hi Sjors, i have to try with http request and render html response that content js or css so how can be do that on button click

Sjors Over a year ago

If I understand your question correct: you can create a variable for the innerHTML binding, which will be an empty string on init. When your http request has finished, assign the response to that variable

Sjors Over a year ago

Alright! Can you mark the answer as the solution to your problem?

Collectives™ on Stack Overflow

How to render text/html response ,using angular2 js

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related