Text not wrapping in p tag from Json text file.(Angular Js)

Question

I am retrieve data from JSON and also retrieve some text content but text content not support p tag. I will show you screen shot for hints.

When we retrieved the Text content then it is showing like this(with p tag). 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:

.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){

    })
})

When retrieve the content in View page then p tag not support in angular js. What should i do? please let me know. Thanks in advance.

I would assume that `cat.product.fullDescription` doesn't output the `fullDescription` data as raw html, but instead treats it as browser output, eg encodes the html. — Anthony, Feb 08 '16 at 11:40
try using `$sce` like this in your `success` `$scope.productDescription = $sce.trustAsHtml(data)` — Sachin, Feb 08 '16 at 11:41
Did you try implementing the `ngBindHtml` ? as it is suggested in the answer? — Sachin, Feb 08 '16 at 12:07
@Saching. Yes but i did'nt install sanitize. ngBindHtml can work without sanitize? — Varun Sharma, Feb 08 '16 at 12:09

score 0 · Answer 1 · answered Feb 08 '16 at 11:39

0

use ngBindHtml

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

answered Feb 08 '16 at 11:39

n00dl3

21,213
7
66
76

Text not wrapping in p tag from Json text file.(Angular Js)

1 Answers1