如何在 AngularJS 中獲取整個 HTML 頁面？

Question

我想獲取從 AngularJS 代碼生成的整個 HTML 頁面的內容（例如：頁面包含 Angular 代碼）作為字符串變量。

例如，使用以下代碼：

 var myApp = angular.module('myApp', []); myApp.controller('MyCtrl', ['$scope', function($scope) { $scope.myVar = 'Hello world!'; }]);

 <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> <div ng-app="myApp" ng-controller="MyCtrl"> {{myVar}} </div>

我想得到：

var myHtml = '<div>Hello world!</div>';

我怎樣才能做到這一點？

---

代碼的 JSFiddle

Answer 1

我更新了你的小提琴並讓它工作。 在你的情況下，這個合成器應該可以工作：

document.querySelector('div[ng-app]').innerHTML;

---

看法

<div ng-app="myApp" ng-controller="MyCtrl">
    <div>{{myVar}}</div>
    <button ng-click="getTheDamnHoleHTML()">
        Collect the whole AngularJS Application HTML/DOM
    </button>
</div>

AngularJS 應用

var myApp = angular.module('myApp', []);
myApp.controller('MyCtrl', ['$scope', function($scope) {
  $scope.myVar = 'Hello world!';

  $scope.getTheDamnHoleHTML = function () {
    console.log(document.querySelector('div[ng-app]').innerHTML);
  }
}]);