在Angular应用中，可以使用预加载策略来解决完全加载之前显示空白屏幕的问题。以下是一种解决方法：

1. 创建一个名为CustomPreloadingStrategy的预加载策略类，实现PreloadingStrategy接口：

import { PreloadingStrategy, Route } from '@angular/router';
import { Observable, of } from 'rxjs';

export class CustomPreloadingStrategy implements PreloadingStrategy {
  preload(route: Route, load: () => Observable): Observable {
    return route.data && route.data.preload ? load() : of(null);
  }
}

2. 在路由模块中，将CustomPreloadingStrategy添加为提供者，并将preloadingStrategy设置为CustomPreloadingStrategy的实例：

import { NgModule } from '@angular/core';
import { RouterModule, Routes, PreloadingStrategy } from '@angular/router';

import { CustomPreloadingStrategy } from './custom-preloading-strategy';

const routes: Routes = [
  // 定义你的路由配置
];

@NgModule({
  imports: [RouterModule.forRoot(routes, { preloadingStrategy: CustomPreloadingStrategy })],
  providers: [CustomPreloadingStrategy],
  exports: [RouterModule]
})
export class AppRoutingModule { }

3. 在你的路由配置中，为需要预加载的路由添加一个data属性，并将其设置为{ preload: true }：

const routes: Routes = [
  { path: 'home', component: HomeComponent },
  { path: 'about', component: AboutComponent, data: { preload: true } },
  // 其他路由配置
];

通过这种方式，Angular应用在完全加载之前会优先加载data属性中设置为{ preload: true }的路由。这样，在加载慢的时候，用户将会看到非空白的屏幕，提升了用户体验。