javascript - 在 MOBILE ANGULAR UI 中，HTML 文本未以正确的方式从 JSON 呈现

Question

我正在使用 MOBILE ANGULAR UI 框架。当我从 JSON 检索文本(包括标签)时，文本将在 .html 文件中显示并带有标签。我看过一个链接，但没有得到解决方案。这个链接是AngularJS : Insert HTML into view 。我已经安装了 ngsanitize，但是当我包含在 app.js 中时，我的项目不显示任何想法。

屏幕截图:

App.js

angular.module('Y', [
  'ngRoute',
  'mobile-angular-ui',
  'Y.controllers.Main',
])

Controller :

.controller('chooseProductDescription', function($scope, $http){
    $http({
        method:'get',
        url:'http://www.json-generator.com/api/json/get/cgbdRjMVpe?indent=2',
        header:{'Content-Type':'application/json'},
    }).success(function(data,status,headers, config){   
        $scope.productDescription = data;   
        $scope.html = data;
        $scope.trustedHtml = $sce.trustAsHtml($scope.html);
    }).error(function(data, status,headers, config){

    })
})

ngsanitize 对于 TextView 是强制的吗？但我也尝试过 ngsanitize，我又看到了一个链接。 How to install ngSanitize?

我想要一个简单的 TextView 解决方案。

HTML。

<div ng-repeat="cat in productDescription">
        {{cat.product.fullDescription}}
</div>

我多次阅读此链接(AngularJS : Insert HTML into view)，但到目前为止我还没有得到解决方案。我正在使用移动 Angular ui 框架，可能它有不同的方法。

我想在 MOBILE ANGULAR UI 的 html 页面中仅显示没有标签的文本。请分享您的想法。

Answer 1

我猜..你没有正确包含ngSanitize

看到这个plunk为了更好地理解..尝试在Angular之后和script

之前包含.. Angular-sanitize

并在您的标记中

而不是这个{{cat.product.fullDescription}}使用..

<span ng-bind-html="cat.product.fullDescription"></span>