AngularJS指令:具有范围值的模板(ng-bind-html)

Question

我有这样的指示:

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

(你也可以看到我正在使用翻译插件)

并且我有一个问题:在范围内这个值正在改变,但它在指令中没有改变(

当我使用attrs-params(当然,如果customDynamicText是一个静态字符串 - 一切正常) - 但我有一个动态变量 customDynamicText

我如何使用这个动态变量在directive template使用ng-bind-html.

可能吗？

Answer 1

简直太聪明了...我忘记删除一些引号字符...所以有效：

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