java窗口添加标签页_在新标签页中打开新窗口

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 : '

Demo

'

})

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);

})

}