Angular 通用 : lifecycle hook for when window api becomes available

Question

我已经使用 Angular Universal 实现了服务器端渲染。我有一个方法，当 DOM 是交互式的并且像 window.navigator 这样的浏览器 api 变得可用时(因为我想对用户的语言环境做一些事情)，我想触发。

是否有生命周期 Hook 或其他方式来监听我何时可以使用 window.navigator？

Answer 1

我测试了在本地运行我的节点服务器，发现 ngOnInit() 是运行导航器代码的合适位置。 ngOnInit() 将在服务器端调用，但会在浏览器中再次调用，因此您需要对导航器进行真实检查:

ngOnInit() {
  if (this.window && this.window.navigator) {
    // do stuff
  }
}

值得注意的是我使用的是 window provider访问窗口 -

constructor(@Inject(WINDOW) private window: any) { }