1. ev
  2. Soru-cevap
  3. Kuvvet sayfası Açısal için nasıl bekler. html2pdf.it, AngularJS'yi oluşturmuyor

Kuvvet sayfası Açısal için nasıl bekler. html2pdf.it, AngularJS'yi oluşturmuyor

2016-04-07 18 views
0

HTML sayfalarını PDF'ye dönüştürmek istiyorum. html2pdf.it, it's open source gibi iyi bir araç gibi görünüyor ve kendi sunucumda yükleyebilirim.Kuvvet sayfası Açısal için nasıl bekler. html2pdf.it, AngularJS'yi oluşturmuyor

Sadece yoluna url eklemek için gereklidir:

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

Ben iki basit sayfaları yaptı. Sadece bir JavaScript ile angularjs ve diğer kullanarak. İlk olarak Açısal işlem görmüyor, ben {{text}}'u görüyorum. Bu garip çünkü angularjs.org PDF'ye doğru bir şekilde dönüştürülüyor. JS sürümü de çalışıyor.

Köşeyi açmak için beklemeyi nasıl zorlamalıyım?

Kodu:

<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>

DÜZENLEME 8 Nisan 2016:

Ben zaman uyumsuz ile ne çalışmıyor örneğin çağırır; setTimeout()

kaynak

2016-04-07 Mikel

cevap

0

Sana bir kapsam değişkeninden html işlemek için ng-bağlama-html kullanmayı deneyin öneriyoruz. Eklenmiş snippet gibi bir şey. Angular-sanitize.js'yi dahil etmeniz ve ayrıca kod snippet'inde yapıldığı gibi bir ngSanitize modülü eklemeniz gerekecektir.

<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>

sayesinde Paras

kaynak

2016-04-08 16:45:51 pparas

İlgili konular

 İlgili konular