angular项目中调用window.iopen方法打开新页面，打印html页面

您可以使用Angular的内置Router模块来导航到新页面，然后在新页面中使用JavaScript的window.print()函数来打印HTML页面。以下是示例代码：

在您的组件中，导入Router模块：

import { Router } from '@angular/router';

在构造函数中注入Router模块：

constructor(private router: Router) { }

在需要打印HTML页面的函数中，使用window.open()方法打开新页面，并在页面加载完成后调用window.print()函数：

printPage() {
  const htmlContent = '<h1>要打印的HTML内容</h1>'; // 替换为您要打印的HTML内容
  const newWindow = window.open('', '_blank');
  newWindow.document.write(htmlContent);
  newWindow.document.close();
  newWindow.onload = () => {
    newWindow.print();
  };
}

请注意，这只是一个简单的示例，您需要根据自己的需求进行修改和改进。

相关问题

angular项目中调用window.open方法打开新页面，打印html页面

您可以使用Angular的内置Router模块来导航到新页面，然后在新页面中使用JavaScript的window.print()函数来打印HTML页面。以下是示例代码：

在您的组件中，导入Router模块：

import { Router } from '@angular/router';

在构造函数中注入Router模块：

constructor(private router: Router) { }

在需要打印HTML页面的函数中，使用window.open()方法打开新页面，并在页面加载完成后调用window.print()函数：

printPage() {
  const htmlContent = '<h1>要打印的HTML内容</h1>'; // 替换为您要打印的HTML内容
  const newWindow = window.open('', '_blank');
  newWindow.document.write(htmlContent);
  newWindow.document.close();
  newWindow.onload = () => {
    newWindow.print();
  };
}

请注意，这只是一个简单的示例，您需要根据自己的需求进行修改和改进。

angular项目中调用window.open方法打开弹窗，打印html页面

可以使用以下代码在 Angular 项目中调用 `window.open()` 方法打开一个新窗口，并在该窗口中打印 HTML 页面：

// 获取要打印的HTML内容
const htmlContent = document.getElementById('print-content').innerHTML;

// 打开新窗口
const printWindow = window.open('', '', 'height=500,width=500');

// 在新窗口中写入HTML内容
printWindow.document.write(htmlContent);

// 等待HTML内容加载完成后执行打印操作
printWindow.document.addEventListener('DOMContentLoaded', () => {
  printWindow.print();
});

其中，`#print-content` 是要打印的 HTML 内容所在的元素的 ID。在新窗口中，我们可以使用 `document.write()` 方法将 HTML 内容写入新窗口中。由于打印是异步操作，需要等待 HTML 内容加载完成后再执行打印操作，因此我们在新窗口的 `DOMContentLoaded` 事件中执行打印操作。