javascript - ngSanitize 仍然显示文本而不是 HTML

Question

我在 AngularJS 范围内有一些项目想要以 HTML 形式查看，我发现需要将 ngSanitize 添加到应用程序中才能执行此操作。所以我将其添加到索引页上的声明中:

<script src="Scripts/angular-sanitize.min.js"></script>

并将其包含在应用程序中

var app = angular.module("HtJobPortal", ["LocalStorageModule", "ngSanitize"]);
var serviceBase = "http://htauth.htcsol.local:65200/";
var resourceBase = "http://localhost:50915/";
(function () {
   "use strict";

    app.constant("ngAuthSettings", {
        apiServiceBaseUri: serviceBase,
        apiResourceBaseUri: resourceBase,
        clientId: "TMS_Portal"
    });
    app.config(function ($httpProvider) {
        $httpProvider.interceptors.push("authInterceptorService");
    });
    app.run(["authService", function (authService) {
        authService.fillAuthData();
    }]);

})();

然后将“ng”属性添加到我想要以 HTML 形式查看的标签中:

<div class="panel-body">
    <div class="col-lg-3 module text-center" ng-bind-html-unsafe="html">
        Jobs Module <br />
        {{settings.jobs}}
    </div>
    <div class="col-lg-3 module text-center" ng-bind-html-unsafe="html">
        Warehouse Module <br />
        {{settings.warehouse}}
    </div>
    <div class="col-lg-3 module text-center" ng-bind-html-unsafe="html">
        Stock Module <br />
        {{settings.stock}}
    </div>
    <div class="col-lg-3 module text-center" ng-bind-html-unsafe="html">
        Tracking Module <br />
        {{settings.tracking}}
    </div>
</div>

我还缺少什么吗？

Answer 1

您使用的是哪个版本的 angularjs？ ng-bind-html-unsafe 从 1.2 版本中删除。如果你想绑定(bind)html，可以使用ng-bind-html。但是您需要在 Angular 范围内使用 $sce.trustAsHtml(html) 转换 html 字符串。