由于ngOnInit上的http调用，ionic 4页面转换挂起

的原因是因为在页面初始化时，ngOnInit生命周期钩子函数会被触发，而在ngOnInit中可能存在http调用的操作。在进行http调用时，通常需要等待服务器响应，这个过程可能需要一定的时间。如果在这个过程中切换页面，即进行页面转换，那么当前页面就会被挂起，而http调用可能还没有返回结果。这会导致页面转换过程中http调用无法继续执行或无法及时获取到结果，从而影响页面的正常运行。

为解决这个问题，可以采取以下几种方式：

1. 在ngOnDestroy生命周期钩子函数中取消http调用：在页面切换前，Angular会触发ngOnDestroy函数，可以在这个函数中取消尚未返回结果的http调用，避免继续执行无效的请求。可以使用Angular的HttpClient提供的cancel方法来取消http请求。
2. 使用页面生命周期事件来控制http调用的执行时机：除了ngOnInit外，Ionic还提供了其他页面生命周期事件，如ionViewDidEnter和ionViewDidLeave等。可以根据页面的生命周期事件来合理控制http调用的执行时机，确保在页面可见时进行http调用，避免页面转换时仍然执行http调用。
3. 使用loading组件或者骨架屏来提升用户体验：在进行http调用时，可以在页面上显示一个loading组件或者骨架屏，提示用户当前页面正在加载数据。这样，即使页面转换需要一些时间，用户也能够感知到页面正在进行数据加载操作，减少用户的等待焦虑感。

在Ionic中，可以使用Ionic官方提供的LoadingController组件来实现loading组件的显示和隐藏。具体使用方法可以参考腾讯云文档中的LoadingController。

以上是针对由于ngOnInit上的http调用导致的页面转换挂起的解决方案和优化建议。希望对您有所帮助！