如何呈現AngularJs網站的圖像？

Question

我正在使用wkhtmltoimage。它適用於例如http://stackoverflow.com

但是，當我嘗試使用AngularJs在任何網站上運行（如https://material.angularjs.org/latest/）：

wkhtmltoimage.exe --no-stop-slow-scripts --javascript-delay 5000 --enable-javascript --debug-javascript https://material.angularjs.org/latest/ C:\\dev\\temp\\0c8fca2c-0990-40c4-8672-12fc71ec6cf6.png 

一個得到一個錯誤的JS錯誤（感謝：--debug-javascript標誌）

Loading page (1/2) 
Warning: undefined:0 Error: [$injector:modulerr] http://errors.angularjs.org/1.5.5/$injector/modulerr?p0=ng&p1='undefined'%20is%20not%20an%20object 
Rendering (2/2) 

的結果圖像只是一個很小的白色條紋。

如何仁

Answer 1

看來，wkhtmltopdf不Function.prototype.bind發揮很好（在角> = 1.5使用），所以你需要提供一個「填充工具」，以它的工作原理。

Function.prototype.bind = function(oThis) { 
    if (typeof this !== 'function') { 
     throw new TypeError('Function.prototype.bind - what is trying to be bound is not callable'); 
    } 

    var aArgs = Array.prototype.slice.call(arguments, 1), 
     fToBind = this, 
     fNOP = function() {}, 
     fBound = function() { 
      return fToBind.apply(this instanceof fNOP 
       ? this 
       : oThis, 
       aArgs.concat(Array.prototype.slice.call(arguments))); 
     }; 

    if (this.prototype) { 
     fNOP.prototype = this.prototype; 
    } 

    fBound.prototype = new fNOP(); 

    return fBound; 
};