AngularJS directive: template with scope value (ng-bind-html)

Question

I have such directive:

...
template: function(element, attrs) {
    var htmlTemplate = '<div class="start-it" ng-if="isVisible">\
          <p ng-bind-html="\'{{customDynamicText}}\' | translate"></p>\
        </div>';
    return htmlTemplate;
},
...

(as you can see also i'm using translate plugin)

and there i have a problem: in scope this value is changing, but it doesn't change in directive(

when i'm using attrs-params (sure, if customDynamicText is a static string - all works) - but i have a dynamic variable customDynamicText

How can i use this dynamic variable in directive template with ng-bind-html.

Is it possible?

Does the info at this link help? stackoverflow.com/questions/31634999/… — Monomeeth
– Monomeeth, Commented Feb 13, 2016 at 13:02

byCoder · Accepted Answer · 2016-02-13 15:59:48Z

3

Simply clever... I forgot to remove some quote-chars... So works:

...
<p ng-bind-html="' + attrs.customDynamicText + ' | translate"></p>\
...

answered Feb 13, 2016 at 15:59

byCoder

9,18427 gold badges120 silver badges261 bronze badges

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

Collectives™ on Stack Overflow

AngularJS directive: template with scope value (ng-bind-html)

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related