I have a chrome extension that needs to parse several pages on a domain. I normally do this by using a background XHR and then send the response into jquery.
$(xhr.responseText)
However, the response from the XHR does not contain all the HTML and JQuery is not processing the dynamic content. The pages use AngluarJS ng-view and that portion of the page is not populating. The data can not be queried directly as it appears to be proxied.
Simplified XHR response minus js:
<html lang="en" ng-app="ngApp" id="ng-app" ng-class="viewName">
<body ng-controller="AppController">
<div class="container-fluid" id="maincontent" tabindex="-1">
<div ng-view autoscroll="true" data-ng-animate="{{viewAnimation}}"></div>
</div>
</body>
</html>
I've spent days reviewing these pages - can't figure it out, AngularJS is foreign to me. Can't get $compile to work, property of invoke undefined, and other hair pulling. I'm lost.
- AngularJS + JQuery : How to get dynamic content working in angularjs
- AngularJS not working with JQuery displayed html
- Compiling dynamic HTML strings from database
- AngularJS: Insert HTML from a string
- Compile angular controller inserted by javascript dynamically?
Is there a way to have a chrome extension process the XHR return to capture the remaining dynamic code?