0

HTMLページをPDFに変換したい。 html2pdf.itit's open sourceのような良いツールで、私は自分のサーバーにインストールできます。ページを強制的に角度を待たせる方法。 html2pdf.itがAngularJSをレンダリングしない

は唯一のパスにURLを追加するために必要とされる:

http://www.html2pdf.it/?url=

私は2つの単純なページを作りました。 1つはanglejsを使用し、他はJavaScriptのみで使用します。最初の角度ではレンダリングされません、私は{{text}}を参照してください。 angularjs.orgが正しくPDFに変換されるため、これは奇妙です。 JSバージョンも機能します。

どのように角度をつけて終了するのを強制するのですか?

コード:

<html lang="en"> 
<head> 
    <title>Minimum AngularJS page</title> 
    <meta charset="UTF-8"> 
</head> 
<body ng-app="demoApp"> 
    <div ng-controller="MainCtrl"> 
    <h1>Hello World!</h1> 
      <p>{{text}}</p> 
    </div> 
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
    <script> 
     angular 
      .module('demoApp', []) 
      .controller('MainCtrl', function($scope){ 
       $scope.text = "If you see this means angularjs is working"; 
      }); 
    </script> 
</body> 
</html> 

EDIT 2016年4月8日:

私はどちらも非同期は例えばを呼び出しでは動作しません。 setTimeout()

答えて

0

私はあなたがスコープ変数からHTMLをレンダリングするためにNG-バインドHTMLを使用しようとすることをお勧めします。添付のスニペットのようなもの。 angle-sanitize.jsをインクルードし、コードスニペットのようにngSanitizeというモジュールをインクルードする必要があります。

<html lang="en"> 
 
<head> 
 
\t <title>Minimum AngularJS page</title> 
 
\t <meta charset="UTF-8"> 
 
</head> 
 
<body ng-app="demoApp"> 
 
\t <div ng-controller="MainCtrl"> 
 
    <h1>Hello World!</h1> 
 
\t \t <p ng-bind-html="text"></p> 
 
\t </div> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular.min.js"></script> 
 
<script 
 
src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.3/angular-sanitize.js"></script> 
 
\t <script> 
 
\t \t angular 
 
\t \t \t .module('demoApp', ['ngSanitize']) 
 
\t \t \t .controller('MainCtrl', function($scope){ 
 
\t \t \t \t $scope.text = "If you see this means angularjs is working"; 
 
\t \t \t }); 
 
\t </script> 
 
</body> 
 
</html>

おかげで、 パラス

関連する問題