How do I get the raw HTML in angularjs using the $http directive?

Question

I'm currently using $http.get to retrieve the data from the backend. The data received is actually in HTML format; however, it comes back escaped with \t\n and all the white spaces. If I were to perform the same $.get request using jQuery, the data that comes back comes unescaped. Anyway how I can use get the raw unescaped HTML? I've tried $sce.trustAsHtml with no avail.

Then use jQuery. But seriously, is there a reason that you need to use $http.get? — tjons
– tjons, Commented Oct 8, 2013 at 1:20
I'm trying to not use jQuery at all and use angularjs library so I don't have to load in both. — john smith
– john smith, Commented Oct 8, 2013 at 1:46
Are you retrieving an html file or html as text from the server? — jpmorin
– jpmorin, Commented Oct 8, 2013 at 2:15

J. Bruni · Accepted Answer · 2015-11-22 15:17:07Z

11

I don't know how you are getting the response, because you have not shared any code.

How are you getting the data?

I use $http to get raw HTML templates without any issue:

$http.get('url').then(function(response) {
    var raw_html = response.data;
});

edited Nov 22, 2015 at 15:17

answered Oct 8, 2013 at 1:49

J. Bruni

20.5k13 gold badges80 silver badges93 bronze badges

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

3 Comments

john smith Over a year ago

for some odd reason, i get escaped HTML as a response regardless if I use $sce or not.

J. Bruni Over a year ago

Maybe it is coming escaped from the server... can you inspect what is coming from the server? (Using Chrome developer tools, Firebug, or other tool...)

J. Bruni Over a year ago

@AniketSinha: None, actually. I am used to code in PHP. Just this. I will remove the $.

Gonzalo.- · Accepted Answer · 2017-03-07 02:07:13Z

9

add ngSanitize

inject $sce and use

$scope.rawHtml = $sce.trustAsHtml(html)
<div ng-bind-html="rawHtml"> <div>

edited Mar 7, 2017 at 2:07

Gonzalo.-

12.7k5 gold badges53 silver badges84 bronze badges

answered Oct 8, 2013 at 2:48

Jason Als

7234 silver badges12 bronze badges

Collectives™ on Stack Overflow

How do I get the raw HTML in angularjs using the $http directive?

2 Answers 2

3 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related