javascript - Angular JS - 创建自定义服务

Question

我开始在 w3schools 教程中学习 angularjs。下面是一个用于编写自定义服务的示例

app.service('hexafy', function() {
    this.myFunc = function (x) {
        return x.toString(16);
    }
});


app.controller('myCtrl', function($scope, hexafy) {
    $scope.hex = hexafy.myFunc(255);
});

为什么下面的方法不起作用 -

app.service('hexafy', function(x) {
        return x.toString(16);
});
app.controller('myCtrl', function($scope, hexafy) {
  $scope.hex = hexafy(255);
});

在这里，我让函数接受一个参数并处理它，而不在其中创建新函数。但这个方法似乎行不通。

Answer 1

服务应该是可实例化的函数，因此 Angular 会为您创建服务的实例，就像构造函数一样。如果您只想注册一个函数来调用而不构造实例使用值:

app.value('hexafy', function(x) {
  return x.toString(16);
});