Using Angular to get html of a website URL

Question

I am new in Angular What I am going to try is to get the HTML of a page and reproduce it into an iFrame (it is an exercise). I am using the following piece of code:

    var prova = this._http.get(myUrl, {responseType: "text"}).subscribe((x) =>{
  console.log(x);
});

I did it on a website (if is needed I can also insert the name of the pages) and it returns the html only of some pages. In the other case the string x is empty. Could it depend on connection? Or there is some way to wait the end of the get request? Or simply is wrong my approach and I should make a different type of request?

Your going to run into various issues due to java script not executing on the page you are trying to get. I would suggesting test your code on a static web page first. — Calidus
– Calidus, Commented Jun 22, 2018 at 12:35
tried on static webpages and it works. If your supposition is right what could I do? could be a request header problem ? — Stefano Miceli
– Stefano Miceli, Commented Jun 22, 2018 at 12:45

Calidus · Accepted Answer · 2018-06-22 13:16:51Z

1

Your most likely going to need to use a library like puppeteer if you want to render a page properly. Puppeteer is a node library and useless headless chrome so I am not sure how well you could really integrate with Angular.

https://github.com/GoogleChrome/puppeteer

answered Jun 22, 2018 at 13:16

Calidus

1,4142 gold badges16 silver badges32 bronze badges

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

1 Comment

Stefano Miceli Over a year ago

ok I'll try to integrate the library in my project (I think is enough to add as "script" into angular.json). Thanks

Collectives™ on Stack Overflow

Using Angular to get html of a website URL

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related