如何通过Angular的TS函数实现点击按钮打开指定PHP页面？

没问题，咱们直接把逻辑迁移到saveit函数里就行，分两步调整：

1. 修正HTML按钮的点击绑定 #

首先你的按钮点击事件少了括号，Angular里调用组件方法需要加上()，修改后的HTML代码：

<button ion-button (click)="saveit()">Save</button>

2. 实现TS中的saveit函数 #

在saveit方法里，我们复刻原来ngOnInit里的URL构造逻辑，再用window.open()在新窗口打开PHP页面就行，还可以加个简单的空值判断避免报错：

saveit() {
  // 获取登录用户，处理可能的null情况
  const loggedinuser = localStorage.getItem("USERNAME");
  if (!loggedinuser) {
    console.warn("未获取到登录用户信息");
    return;
  }
  console.log(loggedinuser);
  // 构造目标URL
  const pdfUrl = `http://219.90.67.154/report-service/quicktask/TCPDF/examples/test-tcpdf.php?loggedinuser=${loggedinuser}`;
  // 在新窗口打开URL，等价于原来的target="_blank"
  window.open(pdfUrl, '_blank');
}

补充说明 #

• window.open(url, '_blank')的作用和原来<a>标签的target="_blank"完全一致，会在新标签页打开目标链接
• 加!loggedinuser的判断是为了防止localStorage里没有"USERNAME"时，URL出现loggedinuser=null的情况，你可以根据实际业务需求调整这个判断逻辑

内容的提问来源于stack exchange，提问作者user2828442