ng bind html 无效,ng-bind-html中 自定义的指令 不生效!

cd58e69039eb565c37dff7f1bf102993.png

慕的地10843

当然无法生效,ng-bind-html 等同于 innerHTML。可以自定义一个类似 ng-bind-html-compile 的指令:.directive('bindHtmlCompile', ['$compile', function ($compile) {        return {            restrict: 'A',            link: function (scope, element, attrs) {                scope.$watch(function () {                    return scope.$eval(attrs.bindHtmlCompile);                }, function (value) {                    // In case value is a TrustedValueHolderType, sometimes it                    // needs to be explicitly called into a string in order to                    // get the HTML string.                    element.html(value && value.toString());                    // If scope is provided use it, otherwise use parent scope                    var compileScope = scope;                    if (attrs.bindHtmlScope) {                        compileScope = scope.$eval(attrs.bindHtmlScope);                    }                    $compile(element.contents())(compileScope);                });            }        };    }]);

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值