window 变量为 undefined 的原因是 you have declared a variable named window again in the local scope .
根据 javascript/typescript 的范围规则,在访问全局变量之前,查找局部变量值 . 此外,当您最初声明一个变量时,它被设置为undefined,因此您收到的错误消息 .
因此,您只需更改捕获已打开选项卡引用的变量名称即可
var newWindow = window.open('some_url');
然而,这不是推荐的方法,因为angular2应用程序可以在各种环境中运行,例如移动或者呈现服务器端,其中 window 对象可能可用,也可能不可用 . 更不用说在测试中模拟窗口对象会非常困难
相反,您可以将 window 对象包装在服务中并将该服务注入到组件中 . 这样,您可以使用依赖注入简单地根据环境替换服务实现
The service file
@Injectable()
export class WindowRef {
constructor() {}
getNativeWindow() {
return window;
}
}
The component file
@Component({
selector : 'demo',
template : '
})
class DemoComponent {
nativeWindow: any
constructor( private winRef: WindowRef ) {
this.nativeWindow = winRef.getNativeWindow();
}
protected assignActity(type: string): void {
var newWindow = this.nativeWindow.open('/#/link');
this.Service.assignActivity(type).subscribe(res => {
newWindow.location = '/#/link/' + res;
console.log(res);
})
}