包含ng-bind-html指令的AngularJS指令

时间:2015-02-13 21:24:02

标签: angularjs angularjs-directive

我想要这段代码

<test data="myObject"></test>

呈现为

<p>raw html code that is stored inside myObject.html</p>

我的指示

module.directive('test', function() {
    return {
        restrict: 'E',
        template: '<p ng-bind-html="__what_to_do_here__?"></p>',
        scope: {
            // This object has a html propery which contains raw html.
            data: '='
        }
    };
});

如何将原始html变量传递给模板中的ngBindHtml指令?

1 个答案:

答案 0 :(得分:1)

您是否包含ngSanitize?我认为需要能够从变量中呈现html。 你可以在这里找到关于ng-bind-html的更多信息:https://docs.angularjs.org/api/ng/directive/ngBindHtml(也会把你链接到ngSanitize)