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

当然无法生效，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);

});

}

};

}]);