从JSON对象提取时未呈现角度指令

我试图建立一个前端，从Wordpress CMS中提取内容。到目前为止，我已经成功地使用WP-restapi插件从我的Wordpress实例中提取JSON数据，并使用“ng-bind-HTML”显示HTML内容

然而，当我试图在代码中显示AngularJS指令或表达式时，它似乎不起作用

下面是我的JSON对象的一个片段。标准HTML标记呈现ok，AngularUI选项卡指令之间的实际内容也呈现ok。无法在此处正确渲染，因此拍摄了一个屏幕截图

有什么建议吗

---

正如@charlietfl在其评论中提到的，ng bind html仅以安全的方式将html内容相互关联，文档中是这么说的：

计算表达式并将结果HTML插入到 元素以一种安全的方式。默认情况下，生成的HTML内容将 使用$sanitize服务进行消毒

您需要根据需要实现一个自定义指令，以便响应中包含的HTML内容也将使用$compile服务进行编译。这可能是这样的：

app.directive('bindHtmlCompile', ['$compile', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            scope.$watch(function () {
                return scope.$eval(attrs.bindHtmlCompile);
            }, function (value) {
                element.html(value);
                $compile(element.contents())(scope);
            });
        }
    };
}]);

---

代码的灵感来自GitHub上的项目。

正如@charlietfl在他的评论中提到的，ng bind html仅以安全的方式将html内容相互关联，文档中是这样说的：

计算表达式并将结果HTML插入到 元素以一种安全的方式。默认情况下，生成的HTML内容将 使用$sanitize服务进行消毒

您需要根据需要实现一个自定义指令，以便响应中包含的HTML内容也将使用$compile服务进行编译。这可能是这样的：

app.directive('bindHtmlCompile', ['$compile', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            scope.$watch(function () {
                return scope.$eval(attrs.bindHtmlCompile);
            }, function (value) {
                element.html(value);
                $compile(element.contents())(scope);
            });
        }
    };
}]);

---

代码的灵感来自GitHub上的项目。

正如@charlietfl在他的评论中提到的，ng bind html仅以安全的方式将html内容相互关联，文档中是这样说的：

计算表达式并将结果HTML插入到 元素以一种安全的方式。默认情况下，生成的HTML内容将 使用$sanitize服务进行消毒

您需要根据需要实现一个自定义指令，以便响应中包含的HTML内容也将使用$compile服务进行编译。这可能是这样的：

app.directive('bindHtmlCompile', ['$compile', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            scope.$watch(function () {
                return scope.$eval(attrs.bindHtmlCompile);
            }, function (value) {
                element.html(value);
                $compile(element.contents())(scope);
            });
        }
    };
}]);

---

代码的灵感来自GitHub上的项目。

正如@charlietfl在他的评论中提到的，ng bind html仅以安全的方式将html内容相互关联，文档中是这样说的：

计算表达式并将结果HTML插入到 元素以一种安全的方式。默认情况下，生成的HTML内容将 使用$sanitize服务进行消毒

您需要根据需要实现一个自定义指令，以便响应中包含的HTML内容也将使用$compile服务进行编译。这可能是这样的：

app.directive('bindHtmlCompile', ['$compile', function ($compile) {
    return {
        restrict: 'A',
        link: function (scope, element, attrs) {
            scope.$watch(function () {
                return scope.$eval(attrs.bindHtmlCompile);
            }, function (value) {
                element.html(value);
                $compile(element.contents())(scope);
            });
        }
    };
}]);

---

代码的灵感来源于GitHub上的项目。

感谢大家的帮助，事实上，正如LordTribal分享他的建议一样，我找到了答案

---

链接此处-

感谢大家的帮助，事实上，我找到了我的答案，正如洛德特里堡分享了他的建议

---

链接此处-

感谢大家的帮助，事实上，我找到了我的答案，正如洛德特里堡分享了他的建议

---

链接此处-

感谢大家的帮助，事实上，我找到了我的答案，正如洛德特里堡分享了他的建议

---

链接此处-

代码在哪里？您需要添加到目前为止尝试过的代码，否则可能会面临失败。ng-bind-html不编译指令。这不是它的本意。需要使用您自己的指令并使用$compiles是否可以编译使用ng bind引入的指令？否，ng bind仅处理文本，代码在哪里？您需要添加到目前为止尝试过的代码，否则可能会面临失败。ng-bind-html不编译指令。这不是它的本意。需要使用您自己的指令并使用$compiles是否可以编译使用ng bind引入的指令？否，ng bind仅处理文本，代码在哪里？您需要添加到目前为止尝试过的代码，否则可能会面临失败。ng-bind-html不编译指令。这不是它的本意。需要使用您自己的指令并使用$compiles是否可以编译使用ng bind引入的指令？否，ng bind仅处理文本，代码在哪里？您需要添加到目前为止尝试过的代码，否则可能会面临失败。ng-bind-html不编译指令。这不是它的本意。是否需要使用您自己的指令和$compiles是否可以编译使用ng bind引入的指令？否，ng bind仅处理文本谢谢分享。我不熟悉Angular中的$compile组件。刚刚做了一个搜索，在这里找到了一个有用的解决方案>谢谢分享。我不熟悉Angular中的$compile组件。只是做了一次搜索

---

并在这里找到了一个有用的解决方案>感谢分享。我不熟悉Angular中的$compile组件。刚刚做了一个搜索，在这里找到了一个有用的解决方案>谢谢分享。我不熟悉Angular中的$compile组件。刚刚搜索了一下，在这里找到了一个有用的解决方案>