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

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
– Anthony, Commented Feb 8, 2016 at 11:40
try using $sce like this in your success $scope.productDescription = $sce.trustAsHtml(data) — Sachin
– Sachin, Commented Feb 8, 2016 at 11:41
Did you try implementing the ngBindHtml ? as it is suggested in the answer? — Sachin
– Sachin, Commented Feb 8, 2016 at 12:07
@Saching. Yes but i did'nt install sanitize. ngBindHtml can work without sanitize? — Varun Sharma
– Varun Sharma, Commented Feb 8, 2016 at 12:09

n00dl3 · Accepted Answer · 2016-02-08 11:39:35Z

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 8, 2016 at 11:39

n00dl3

21.6k8 gold badges70 silver badges77 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related