Ng-bind仍然呈现html。

Question

我正在从第三方那里得到json的数据。其中一些代码使用ng-bind来呈现ok，在其中转换和呈现html代码。

但对其他人来说，情况并非如此。好像需要再绑一次。

我尝试通过一个函数或过滤器运行它。

$scope.trustedHtml = function (plainText) {
        return $sce.trustAsHtml(plainText);
    }

ng-bind-html="trustedHtml(hotelDetails.roomInformation)"

我还在我的应用程序中尝试了一个过滤器。

.filter("to_trusted", ['$sce', function($sce) {
  return function(htmlCode){
    return $sce.trustAsHtml(htmlCode);
  }
}]);

但这两种方法都行不通(如果我做错了什么)。如何使html在我的页面上正确呈现？

，这是我从API得到的

<p><b>Know Before You Go</b> <br /><ul> <li>

-这是我使用ng-bing-html获得的，与通过函数运行它相同。

<p><b>Know Before You Go</b> <br /><ul> <li>

柱塞

Answer 1

你可能会因为这三个原因中的任何一个而遇到这个问题。

1.你安装了保龄球消毒剂吗？

如果没有安装它使用保龄球安装角消毒。(别忘了把它包含在HTML中)

2.你在控制器里注射消毒剂了吗？

如果不将其注入控制器中

var app = angular.module(app,'ngSanitize');

3.您使用{{} ?吗？

如果使用了{{}}，则不会看到输出。相反，使用

 <div ng-bind-html="hotelDetails.roomInformation"></div>