文本未包装在Json文本文件的p标记中。(Angular Js)

时间:2016-02-08 11:35:06

标签: javascript html angularjs json ajax

我从JSON检索数据并检索一些文本内容但文本内容不支持p标记。我将向您展示提示的屏幕截图 enter image description here

当我们检索Text内容时,它显示为这样(带有p标签)。 JSON URL:

  

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('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){

    })
})

在“查看”页面中检索内容时,p标记不支持角度js。我该怎么办?请告诉我。提前致谢。

1 个答案:

答案 0 :(得分:0)

使用ngBindHtml

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