JavaScriptファイル内の関数をsetTimeoutで呼び出し、AngularJSを使用します。

Question

バーコードスキャンを検出するコードがあります。それはAngularJSコントローラの中にあったときに働いていました。他のコントローラーもそのコードを使用する必要があったので、スキャンコードを別のJSファイルに入れて、両方を使用できるようにしました。私の研究によると、HTMLファイルにJSファイルを含めると、別のJSファイルを呼び出すことができます。私はそれをやった。スキャンコードがスキャンを検出した後、しかし、それは他のコントローラ上のメソッドを呼び出そうとしたが、私はこのエラーを取得：barcodeScan.jsで

0x800a1391 - JavaScript runtime error: 'onBarcodeScan' is undefined

：私のAngularJSコントローラで

setTimeout(function() { 
    if (chars.length == 12) { 
     var barcode = chars.join(""); 
     onBarcodeScan(barcode); // Error occurs here 
    } 
    chars = []; 
    pressed = false; 
}, 500); 

：

var onBarcodeScan = function (barcode) { 
    $scope.$apply(function() { 
     $scope.state.userEnteredSubId = barcode; 
     $scope.onSubmitSubId(); 
    }); 
} 

何が欠けていますか？

注：私のコントローラコードがインデックスHTMLページに最初にリストされています

<script src="js/cassetteController.js"></script> 
<script src="js/barcodeScan.js"></script> 

Answer 1

私はusing events in an AngularJS factoryを説明したポストを見つけました。ここでは、作業コードは次のとおりです。

コントローラー：

scannerService.notify(); 

scannerService.subscribe($scope, function() { 
    // Handle notification 
    $scope.$apply(function() { 
     $scope.state.userEnteredSubId = $rootScope.scan; 
     $scope.onSubmitSubId(); 
    }); 
}); 

工場：

app.factory('scannerService', ['$http', '$rootScope', function ($http, $rootScope) { 
    var listenerAdded; 

    return { 
     subscribe: function (scope, callback) { 
      var handler = $rootScope.$on('notifying-service-event', callback); 
      scope.$on('$destroy', handler); 
     }, 

     initialize: function() { 
      if (listenerAdded) { 
       return; 
      } 
      // From http://www.deadosaurus.com/detect-a-usb-barcode-scanner-with-javascript/: 
      listenerAdded = true; 
      var pressed = false; 
      var chars = []; 
      document.addEventListener('keydown', function (event) { 
       // Ignore this if the user is hitting enter, or any other non-number. 
       if (event.keyCode < 48 || event.keyCode > 57) { 
        return; 
       } 
       // Only capture numbers, because a subId is all numbers. 
       if (event.keyCode >= 48 && event.keyCode <= 57) { 
        // Note: Theys keycodes are only for numbers along the top of the keyboard; the number pad uses a different range. 
        chars.push(String.fromCharCode(event.keyCode)); 
       } 
       console.log(event.keyCode + ":" + chars.join("|")); 
       if (pressed == false) { 
        // The JS setTimeout method would cause us to have to use $scope.apply(). Instead, just use Angular's $timeout. 
        // http://jimhoskins.com/2012/12/17/angularjs-and-apply.html 
        setTimeout(function() { 
         if (chars.length == 12) { 
          var barcode = chars.join(""); 
          $rootScope.scan = barcode; 
          $rootScope.$emit('notifying-service-event'); 
         } 
         chars = []; 
         pressed = false; 
        }, 500); 
       } 
       pressed = true; 
      }); 
     } 
    }; 
}]);