Print html code with angular2

Question

I'm trying to print a button in html passing it as a parameter in angular2 but angular2 never translate it.

modal.component.ts

this.footer = `<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>`

modal.component.html

<div class="modal-footer" [innerHTML]="footer"></div>

output html

<div class="modal-footer" ng-reflect-inner-h-t-m-l="Close">Close</div>

I think you will not be able to make the button work at all if you do it like that.. angular needs to "compile" it somehow.. Why not put it inside the div? use ngif or something ? — Denko Mancheski
– Denko Mancheski, Commented Dec 5, 2016 at 0:00
Maybe you're right, I have to find a way to pass the buttons of modal as a parameter so that I can adjudicate the parameters in the function that calls the modal — XaBerr
– XaBerr, Commented Dec 5, 2016 at 9:25

Michael · Accepted Answer · 2016-12-05 00:51:15Z

2

Should be innerHtml instead of innerHTML. It is case sensitive.

For example :

<div class="modal-footer" [innerHtml]="footer"></div>

answered Dec 5, 2016 at 0:02

Michael

1,7261 gold badge18 silver badges19 bronze badges

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

1 Comment

I tried but it does not change the result. I also forgot to mention that if I pass as a parameter "<b> body </b>" it keeps it right.