在调整浏览器大小之前，在ngOnInit中获取的数据不会显示

的原因是，ngOnInit是Angular生命周期钩子函数之一，它在组件初始化时被调用。在ngOnInit中获取的数据通常是通过服务或API请求获取的异步数据。

当组件初始化时，ngOnInit会被调用，但此时浏览器的大小可能还没有被确定。因此，如果在ngOnInit中获取数据并尝试在模板中显示，可能会导致数据不显示或显示不正确。

解决这个问题的一种方法是使用Angular的异步管道（AsyncPipe）。异步管道可以处理异步数据的订阅和取消订阅，确保在数据可用时才进行显示。通过在模板中使用异步管道，可以确保在数据准备好后再进行显示，而不需要担心浏览器大小的问题。

另一种方法是在ngAfterViewInit生命周期钩子函数中获取数据。ngAfterViewInit在组件视图初始化完成后被调用，此时浏览器的大小已经确定。在ngAfterViewInit中获取数据可以确保数据在视图初始化完成后进行显示。

总结起来，为了确保在调整浏览器大小之前获取的数据能够正确显示，可以使用异步管道或在ngAfterViewInit中获取数据。这样可以避免在ngOnInit中获取数据时可能出现的显示问题。

相关链接：

• Angular生命周期钩子函数：https://angular.io/guide/lifecycle-hooks
• Angular异步管道：https://angular.io/api/common/AsyncPipe