Angular CLI中的Web worker

Question

我一直在研究Angular app ，由于UI被阻止，客户端计算量很大。 我想在Angular CLI项目中使用Web worker在一个线程中运行UI ，在background thread运行繁重的处理。

有没有人有想法

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

一些参考
Angular CLI使用Web Workers生成应用程序
https://github.com/angular/angular-cli/issues/5885

Answer 1

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

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

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

Answer 2

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

要在Angular App中使用Web Workers，您有两种选择：

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

---

使用Angular CLI 6生成Angular 6的选择＃1：

文章：使用Angular 6的Web工作者

---

使用Angular CLI 1生成Angular 5或以下的选项＃1：

博客：Angular with Web Worker：一步一步

---

选择＃2使用Angular 5或Angular 6

SlideShare：Angular应用程序中的Web Worker

---

所有这些引用都有一个Github中提供的示例代码参考。

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