Angular CLI中的Web worker

问题描述 投票:6回答:2

我一直在研究Angular app,它在客户端有大量计算,因为UI被阻止。我想在Angular CLI项目中使用Web workerUI中的一个线程和重处理中运行background thread

有没有人有想法

  • 如何处理角度的重计算。
  • 如何在Web Workers中使用Angular CLI

一些参考 Angular CLI generated app with Web Workers https://github.com/angular/angular-cli/issues/5885

javascript multithreading angular web-worker
2个回答
1
投票

你可以使用https://www.npmjs.com/package/angular2-web-worker

将Web worker服务注入构造函数:

 construtor(private webWorkerService: WebWorkerService){
     this.webWorkerService.run( thing to run goes here );
 }

1
投票

我不确定您尝试使用Web worker运行哪个Angular版本,因此我提供了与Web worker一起运行Angular的所有详细信息。

要在Angular App中使用Web Workers,您有两种选择:

  1. 在不同的Web Worker线程中运行应用程序的所有业务逻辑。
  2. 在Web工作线程中运行应用程序的一些CPU密集型逻辑。应用程序的其余部分将继续在主线程中运行。

使用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中提供的示例代码参考。

我希望这有助于您了解不同的用例并选择最适合您的应用程序需求的用例。

© www.soinside.com 2019 - 2024. All rights reserved.