Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了如何在AngularJS中使用Web Worker?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 @L_696_0@,我希望看到一个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',function($scopE) {


}]);

我想要的是看到Web Worker的输出.

我通过此设置获得的错误是:

未捕获的TypeError:无法调用未定义的方法’factory’

解决方法

你有语法错误

更改

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

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

大佬总结

以上是大佬教程为你收集整理的如何在AngularJS中使用Web Worker?全部内容,希望文章能够帮你解决如何在AngularJS中使用Web Worker?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。