angularjs - Angular JS - Binding angular expressions coming from JSON to HTML

Is it possible to give angular expression inside a JSON file like this:

{ "headerHTML": "<div>{{clippedCoupons}}</div>" }

And bind it to a directive template like this (the below convertAsHtml is a filter for trustAsHtml):

<header data-ng-bind-html="headerHTML|convertAsHtml"> </header>

When I bind the JSON, I'm getting {{clippedCoupons}} expression as such in the page. Is is possible to change it dynamically in our controller?

asked May 8, 2015 at 5:09

3032 gold badges4 silver badges20 bronze badges

2
Have a look at the $interpolate service
– Phil
CommentedMay 8, 2015 at 5:15
possible duplicate of Can you use Angular Binding Expression inside HTML retrieved from Service? - Have a look at docs.angularjs.org/api/ng/service/$compile#example
– Reto Aebersold
CommentedMay 8, 2015 at 5:16
@Phil/@Reto, When I use it like $interpolate(response.headerHTML)($scope), the initial value of the {{clippedCoupons}} is reflected on my page. But it's not dynamically updating when I perform some action. Whereas, when I use $compile(response.headerHTML)($scope), it throws an error "Attempted to trust a non-string value in a content requiring a string: Context: html". Do we have to use it only in directives?
– FlashyFuddyFuddy
CommentedMay 8, 2015 at 6:44

0

Start asking to get answers

Find the answer to your question by asking.

Explore related questions

See similar questions with these tags.