将 ng-webworker 与应用程序一起使用不起作用

Question

我正在使用 ng-webworker 构建一个应用程序，我使用 ng-webworker 构建了一个示例应用程序并添加了所有必要的 javascript.But 它不起作用。

我需要点击按钮时执行的功能。

代码：

 <md-button ng-click="callworker()">
                    CALL WEBWORKER
 </md-button>

JS:

var routerApp =angular.module('DiginRt', ['ngMaterial','ngWebworker'])
 routerApp.controller('AppCtrl', ['$scope',function($scope,Webworker) {
function doubler(num) {
    return num * 2;
}
var myWorker = Webworker.create(doubler);
$scope.callworker = function() {
  myWorker.run($scope.value).then(function(result) {
    alert("Answer: " + result);
});
}

这是application

Answer 1

根据您的新代码 link，$scope.value 未定义，您必须在 $scope;

中定义它

var routerApp = angular.module('DiginRt', ['ngMaterial', 'ngWebworker'])
routerApp.controller('AppCtrl', ['$scope', 'Webworker', function ($scope, Webworker) {
    $scope.value = 10; //Added this.
    function doubler(num) {
        return num * 2;
    }

    var myWorker = Webworker.create(doubler);
    $scope.callworker = function () {
        myWorker.run($scope.value).then(function (result) {
            alert("Answer: " + result);
        });
    };
}]);

将 ng-webworker 与应用程序一起使用不起作用

using ng-webworker with application does not work

html

javascript

web-worker

angularjs