Angular.JS 到 PDF

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

利用 fromUrl 方法通过 IronPDF 从 URL 渲染 PDF 文档。渲染发生在一个实例中，这有时可能会导致加载 JavaScript 或字体的问题。为确保 JavaScript 和字体正确加载，建议使用 waitFor 类并指定适当的等待类型以及最大等待时间。

JavaScript 或字体加载不当的后果可能包括：

不可见的文本内容
显示不正确的内容

以下是一个示例代码片段，展示如何使用 IronPDF 通过适当的等待机制渲染 PDF：

代码解释

导入 IronPdf 命名空间：代码首先导入 IronPdf 和 System 命名空间。 IronPdf 对于 PDF 渲染是必需的，而 System 提供基本功能，例如使用 TimeSpan 类。
主方法：Main 方法是程序的入口点。
URL 规范：变量 url 持有您希望转换为 PDF 文档的网页的 URL。
初始化渲染器：通过 new HtmlToPdf() 创建一个 HtmlToPdf 渲染器实例。此实例用于执行转换。
将 URL 渲染为 PDF：在 Renderer 实例上调用 RenderUrlAsPdf 方法，将 URL 的 HTML 内容转换为 PDF 文档。
确保完全页面加载：为处理如 JavaScript 和字体的资源异步加载，使用 WaitForNetworkIdle。此方法等待直到网络活动减少，使用 TimeSpan.FromSeconds(10) 指定最长等待时间为 10 秒。这对于高度依赖动态内容或字体的页面来说至关重要。
保存 PDF：然后使用 SaveAs 方法将生成的 PDF 保存为名为“output.pdf”的文件。
状态消息：最后，在成功保存 PDF 后，确认消息会被打印到控制台。

这种方法确保渲染的 PDF 是完整和准确的，并且所有的 JavaScript 和字体都正确加载。

探索 Angular 到 PDF 转换代码示例

准备开始了吗？

版本: 2025.11 刚刚发布

查看许可证