javascript - Json 文本文件中的文本未换行为 p 标记。(Angular Js)

Question

这个问题已经有答案了:

How to render html with AngularJS templates (5 个回答)

已关闭 7 年前。

我正在从 JSON 检索数据，并检索一些文本内容，但文本内容不支持 p 标签。我将向您展示屏幕截图以获取提示。

当我们检索文本内容时，它显示如下(带有 p 标签)。JSON 网址:

http://www.json-generator.com/api/json/get/bTRWzhCvuG?indent=2

HTML:

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

Controller :

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

    })
})

当检索 View 页面中的内容时，Angular js 不支持 p 标签。我应该怎么办？请告诉我。提前致谢。

Answer 1

使用ngBindHtml

<div ng-controller="chooseProductDescription">
      <div ng-repeat="cat in productDescription">
                <div ng-bind-html="cat.product.fullDescription"></div>             
       </div>
</div>