AngularJS 在自定义服务中使用 Angular 模块

Question

我有一个用于生成令牌的自定义服务，在该服务中我需要使用MD5函数，MD5函数在模块中

angular-md5

这是我的服务代码，

generate_token

函数使用角度模块中的

md5.createhash()

，但我收到了错误：

TypeError: Cannot read property 'createHash' of undefined

我认为我做错了什么，但我看不出是什么

angular.module('app.services', ['angular-md5'])

.service('Auth', [function($scope, md5){
    var self = this;

    this.rand_alphanumeric = function() {
        var subsets = [];
        subsets[0] = [48, 57]; // ascii digits
        subsets[1] = [65, 90]; // ascii uppercase English letters
        subsets[2] = [97, 122]; // ascii lowercase English letters 

        // random choice between lowercase, uppercase, and digits
        s = Math.floor(Math.random() * 2) + 0
        ascii_code = Math.floor(Math.random() * (subsets[s][1] - subsets[s][0] + 1) + subsets[s][0]);
        return String.fromCharCode(ascii_code);
    }

    this.generateToken = function() {
        var str = "";
        for (var i = 0; i < 8; i++) 
            str += self.rand_alphanumeric();
        return md5.createHash(str);
    }
}]);

Answer 1

您没有正确使用依赖数组注入

试试这个

angular.module('app.services', ['angular-md5'])

.service('Auth', ['$scope','md5',function($scope, md5){
var self = this;

Answer 2

只要跳过

function($scope, md5)

之前的括号就可以了。在 Angular 中，注入语法有不同的可能性。请参阅：https://docs.angularjs.org/guide/di

Answer 3

您可能必须在函数之前在数组中定义 $scope 和 md5。

例如

    .controller('MainCtrl', ['$scope', 'md5', function($scope, md5) {
      $scope.$watch('email' ,function() {
        $scope.message = 'Your email Hash is: ' + md5.createHash($scope.email || '');
      });
    }]);