从angular应用程序中打开一个新选项卡，其中包含一些需要在新选项卡中显示的数据

<button (click)="openNewTab()">打开新选项卡</button>

openNewTab() {
  const data = {
    name: 'John',
    age: 30,
    email: 'john@example.com'
  };

  const url = `new-tab.html?data=${encodeURIComponent(JSON.stringify(data))}`;
  window.open(url, '_blank');
}

<div>
  <h2>新选项卡</h2>
  <p>姓名：{{ person.name }}</p>
  <p>年龄：{{ person.age }}</p>
  <p>邮箱：{{ person.email }}</p>
</div>

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-new-tab',
  templateUrl: './new-tab.component.html',
  styleUrls: ['./new-tab.component.css']
})
export class NewTabComponent implements OnInit {
  person: any;

  ngOnInit() {
    const urlParams = new URLSearchParams(window.location.search);
    const data = JSON.parse(decodeURIComponent(urlParams.get('data')));
    this.person = data;
  }
}