import {PdfDocument, WaitForType} from "@ironsoftware/ironpdf"; (async () => { // Configure render options const options = { enableJavaScript: true, // Wait for Javascript waitFor: { type: WaitForType.JavaScript, maxWaitTime: 500, }, }; const pdf = await PdfDocument.fromUrl("https://angular.io/", { renderOptions: options }); // Export the PDF document await pdf.saveAs("angular.pdf"); })();

Angular.JS 至 PDF

使用 IronPDF fromUrl方法，透過 URL 渲染 PDF 文件。渲染過程在一個實例中發生，有時會導致 JavaScript 或字體載入出現問題。為確保 JavaScript 和字體正確加載，建議使用waitFor類別並指定適當的等待類型以及最大等待時間。

JavaScript 或字體載入不當可能導致以下後果：

隱形文字內容
內容顯示錯誤

以下範例程式碼片段示範如何使用 IronPDF 渲染 PDF 並實現適當的等待機制：

說明程式碼

-匯入 IronPdf 命名空間：程式碼先匯入 IronPdf 和 System 命名空間。 IronPdf 是 PDF 渲染所必需的，而 System 則提供了使用TimeSpan類別等基本功能。

-主方法： Main方法是程式的入口點。

URL 規格：變數url儲存要轉換為 PDF 文件的網頁的 URL。

-初始化渲染器：使用new HtmlToPdf()建立HtmlToPdf渲染器的實例。此實例用於執行轉換。

Render URL to PDF：RenderUrlAsPdf() 方法會在 renderer 實體上呼叫，以將 URL 的 HTML 內容轉換成 PDF 文件。
確保完整的頁面載入：為了處理 JavaScript 和字型等資源的非同步載入，使用了 WaitForNetworkIdle() 。此方法會等待網路活動平息，指定的最長等待時間為 TimeSpan.FromSeconds(10) 。對於嚴重依賴動態內容或字體的頁面來說，這一點至關重要。
Save PDF：然後使用 SaveAs() 方法，將產生的 PDF 儲存為名為 output.pdf 的檔案。

-狀態訊息：最後，PDF 儲存成功後，會在控制台上列印確認訊息。

這種方法確保渲染的 PDF 完整且準確，所有 JavaScript 和字體都已正確載入。

探索 Angular 到 PDF 轉換程式碼範例