Ionic Framework, html & Angular Content from scope variable

Question

I have a Scopevariable which contains the html-Code of a button with a ng-click Attribute and want to assemble the the Page dynamically.

$scope.myHtml = "<button class="someclass" ng-click="clickme()">Button</button>

and i am currently using the html like this:

<div ng-bind-html="myHTML"></div>

The Button displays pretty fine but the ng-click got removed, so how can i keep the angular expressions from the variable?

Thanks in advance!

There is an error in : $scope.myHtml = "<button class="someclass" ng-click="clickme()">Button</button>, it will give js error in console, don't have you checked? — Jigar7521
– Jigar7521, Commented Oct 20, 2016 at 11:24

Nikola · Accepted Answer · 2016-10-20 11:21:33Z

0

Try it like this:

$scope.myHtml = '<button class="someclass" ng-click="clickme()">Button</button>';

answered Oct 20, 2016 at 11:21

15.1k21 gold badges107 silver badges171 bronze badges

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

1 Comment

I did it like this, just took the wrong quotes in the Question.. sorry, But the Comment from @astrocrack seems to work :)