在Angular 2中,可以通过以下步骤来实现通过单击按钮触发打开新窗口的功能:
<button (click)="openNewWindow()">打开新窗口</button>
openNewWindow()
的方法,并在该方法中使用window.open()
函数来打开新窗口。例如:openNewWindow() {
window.open('https://www.example.com', '_blank');
}
在window.open()
函数中,第一个参数是要打开的URL,第二个参数是窗口的目标名称。使用'_blank'
作为目标名称将在新窗口或选项卡中打开URL。
openNewWindow() {
const name = 'John';
const age = 25;
const url = `https://www.example.com?name=${name}&age=${age}`;
window.open(url, '_blank');
}
在新窗口中,可以通过解析URL参数来获取传递的参数值。
以上是通过在Angular 2中单击按钮来触发打开新窗口的基本步骤。根据具体需求,你可以进一步定制新窗口的样式、大小、位置等。
领取专属 10元无门槛券
手把手带您无忧上云