Angularjs 如何在视图中使用HTML元素呈现基本HTML代码

我有一个html表单，如下所示：

<div class=\"container\">\r\n\t<div class=\"clearfix row
\">\r\n\t\t<div class=\"col-md-12 column\">\r\n\t\t\t<h3>\r\n\t\t\t\tNew form created\r\n\t\t\t<\/h3
>\r\n\t\t\t<div class=\"form-group\">\r\n\t\t\t\t <label><strong>Enter   name<\/strong><\/label><input
name=\"1430985388220267#enter_name\" id=\"1430985388220267\" class=\"form-control\" grid-name=\"Enter
 name\" type=\"text\" \/>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/div>

我还修改了：

angular.module('iot', ['ionic','chart.js','ngSanitize'])

我将代码从REST响应推送到名为

HTML

但我仍然没有得到预期的产出，在这种情况下还有什么剩余？任何帮助都将不胜感激。

使用过滤器：

// Filter to enable HTML tags
app.filter('unsafe', function ($sce) {
    return function (val) {
        return $sce.trustAsHtml(val);
    };
});

然后将其与过滤器一起包含在HTML标记中（本例中为“不安全”），例如：

<!-- i.detail will be your valuable -->
<div ng-bind-html="i.detail | unsafe"></div>

---

您看到了什么？控制台有错误吗？

// Filter to enable HTML tags
app.filter('unsafe', function ($sce) {
    return function (val) {
        return $sce.trustAsHtml(val);
    };
});

<!-- i.detail will be your valuable -->
<div ng-bind-html="i.detail | unsafe"></div>