如何在角度项目中预加载音频文件？

Question

我做了一个有角度的项目。我想在按钮单击事件中播放小mp3文件，当用户从UI单击各种按钮时，应基于所选按钮播放音乐。我想预加载所有mp3格式的音乐文件，只有在以角度加载mp3文件后，才可以在屏幕上看到我的UI。我该怎么办？

提前感谢

Answer 1

Angular 8 Router提供了resolve属性，该属性采用路由解析器，并允许您的应用程序在导航到路由之前获取数据（即解析路由数据）。您可以通过实现Resolve接口来创建路由解析器。例如：

resolver.ts：

@Injectable()
export class AudioResolver implements Resolve<any> {
    constructor(private apiService: APIService) {}

 resolve() {
    return this.apiService.getSongs();
 }
}

app.routing.module.ts：

const routes: Routes = [
    {
        path: '',
        component: AppComponent,
        resolve: { songs: AudioResolver }
  }
];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule],
  providers: [
  AudioResolver
  ]
})

export class AppRoutingModule {}