我正在使用AngularJS Seed,我想查看 Web Worker 的工作实现。
我想让一个简单的 Web Worker 工作以理解它,但我遇到了功能问题。
我在services.js中有 Web Worker 代码,如下所示:
'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;
}
};
}]);
在js文件夹中,我有一个文件doWork.js,其内容是:
self.addEventListener('message', function(e) {
self.postMessage(e.data);
}, false);
我的controllers.js文件是空的,看起来像这样:
'use strict';
/* Controllers */
var app = angular.module("myApp.controllers",[]);
app.controller('MyCtrl1', [ '$scope', function($scope) {
}]).controller('MyCtrl2', [ '$scope', function($scope) {
}]);
我想要的是查看 Web Worker 的输出。
我使用此设置得到的错误是:
未捕获的类型错误:无法调用未定义的方法“工厂”