ionic html data binding from database

Question

i have this html in my database.

<p>my data here. <b>bold a bit</b></p>

the database from factory like this

.factory('DataSingle', function($http, $q){
  var sContent = function(idc){
    var deferred = $q.defer();
    $http.get('http://mydomainrestserver/'+idc)
    .success(function(data, status, headers, config){
     deferred.resolve(data);
    });
     return deferred.promise;
  }
 return { sContent : sContent }
})

this is my controller

.controller('SingleCtrl', function($scope, $http, DataSingle, $stateParams){
 var single_id = $stateParams.ids;
 DataSingle.sContent(single_id).then(

 function(single){
  $scope.singledata = single;
   }
})

singe the data is from database. it render as text instead of rendering it with paragraph and bold text.

what i get is just plain test from the view

Title: Single page
Data: <p>my data here. <b>bold a bit</b></p>

the data is successfully received but not rendered properly on my device. the question is, how to render the html from the result of query to ionic content view?

Muhammad Ahsan Ayaz · Accepted Answer · 2014-12-01 09:52:06Z

4

in factory

$scope.singledata = $sce.trustAsHtml(single);

in html

<span ng-bind-html="singledata" class="htmlComment"></span>

edited Dec 1, 2014 at 9:52

answered Dec 1, 2014 at 9:43

Muhammad Ahsan Ayaz

1,95510 silver badges14 bronze badges

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

Comments

martinjbaker · Accepted Answer · 2015-03-13 20:30:06Z

1

Obviously all text content is escaped for security reasons unless you explicitely mark it as safe using the $sce service. So what you should do is:

$scope.singledata = $sce.trustAsHtml(single);

https://docs.angularjs.org/api/ng/service/$sce

edited Mar 13, 2015 at 20:30

martinjbaker

1,48515 silver badges25 bronze badges

answered Dec 1, 2014 at 9:40

Michał Miszczyszyn

12.8k2 gold badges38 silver badges53 bronze badges

Collectives™ on Stack Overflow

ionic html data binding from database

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related