如何在 AngularJS 中使用 Web Worker？

我在用着AngularJS 种子 https://github.com/angular/angular-seed我想看看 Web Worker 的有效实现。

我想让一个简单的 Web Worker 工作以便理解它，但我遇到了功能问题。

我的 Web Worker 代码位于服务.js像这样：

'use strict';

/* Services */
var app = angular.module('myApp.services', []).

app.factory("HelloWorldService",['$q',function($q){

    var worker = new Worker('js/doWork.js');
    var defer;
    worker.addEventListener('message', function(e) {
      console.log('Worker said: ', e.data);
      defer.resolve(e.data);
    }, false);

    return {
        doWork : function(myData){
            defer = $q.defer();
            worker.postMessage(myData); // Send data to our worker. 
            return defer.promise;
        }
    };

}]);

In the js文件夹 我有一个文件doWork.js其内容是：

self.addEventListener('message', function(e) {
  self.postMessage(e.data);
}, false);

My 控制器.js文件是空的，看起来像这样：

'use strict';

/* Controllers */
var app = angular.module("myApp.controllers",[]);

app.controller('MyCtrl1', [ '$scope', function($scope) {


}]).controller('MyCtrl2', [ '$scope', function($scope) {


}]);

我想要的是查看 Web Worker 的输出。

我通过此设置得到的错误是：

未捕获的类型错误：无法调用未定义的方法“工厂”

你有语法错误吗？

change

/* Services */
var app = angular.module('myApp.services', []).

to

/* Services */
var app = angular.module('myApp.services', []);