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

时间:2016-02-11 12:09:41

标签: javascript angularjs directive

我有这样的指示:

...
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中使用此动态变量。

有可能吗?

1 个答案:

答案 0 :(得分:3)

简单聪明...... 我忘了删除一些引用字符... 所以工作:

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