javascript - ng-bind-html中 自定義的指令 不生效！

問題描述

問題：使用ng-bind-html 頁面上已經生成了正確的html代碼，但是標簽中的 指令 不生效！js代碼：

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);}); }}; }]);

<p ng-bind-html-compile='getId(xxx)'></p>