我试图在用户点击按钮时打开一个新窗口,如下所示:
protected assignActity(type: string): void {
var window = window.open('/#/link');
this.Service.assignActivity(type).subscribe(res => {
window.location = '/#/link/' + res;
console.log(res);
})
}
但是它引发了一个错误:
core.umd.js:3468 TypeError: Cannot read property 'open' of undefined
如何纠正它让它工作?
1 回答
window
变量为undefined
的原因是 you have declared a variable named window again in the local scope .根据
javascript/typescript
的范围规则,在访问全局变量之前,查找局部变量值 . 此外,当您最初声明一个变量时,它被设置为undefined,因此您收到的错误消息 .因此,您只需更改捕获已打开选项卡引用的变量名称即可
然而,这不是推荐的方法,因为angular2应用程序可以在各种环境中运行,例如移动或者呈现服务器端,其中
window
对象可能可用,也可能不可用 . 更不用说在测试中模拟窗口对象会非常困难相反,您可以将
window
对象包装在服务中并将该服务注入到组件中 . 这样,您可以使用依赖注入简单地根据环境替换服务实现The service file
The component file