我一直在研究Angular app
,它在客户端有大量计算,因为UI
被阻止。我想在Angular CLI项目中使用Web worker
在UI
中的一个线程和重处理中运行background thread
。
有没有人有想法
Web Workers
中使用Angular CLI
一些参考 Angular CLI generated app with Web Workers https://github.com/angular/angular-cli/issues/5885
你可以使用https://www.npmjs.com/package/angular2-web-worker
将Web worker服务注入构造函数:
construtor(private webWorkerService: WebWorkerService){
this.webWorkerService.run( thing to run goes here );
}
我不确定您尝试使用Web worker运行哪个Angular版本,因此我提供了与Web worker一起运行Angular的所有详细信息。
要在Angular App中使用Web Workers,您有两种选择:
使用Angular CLI 6生成Angular 6的选择#1:
Article: Using web workers with Angular 6
使用Angular CLI 1生成Angular 5或以下的选项#1:
Blog: Angular with Web Worker: Step by Step
选择#2使用Angular 5或Angular 6
SlideShare: Web Worker in your Angular Application
所有这些引用都有一个Github中提供的示例代码参考。
我希望这有助于您了解不同的用例并选择最适合您的应用程序需求的用例。