DEMO

Question

我试图学习如何制作角度服务，所以我＆＃39;我做了一个，但它只在页面加载时起作用，它给出输入值而不是函数结果。

HTML：

<input type="text" ng-model="hexVal">
<p>Hex service: {{hex(hexVal)}}</p>

JS：

服务本身：

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

服务的使用：

$scope.hexVal = 255;
$scope.hex = function(arg){
    return hexafy.myFunc(arg);
};

Answer 1

输入文本需要解析为数字：

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

DEMO

angular.module("app",[])
.service('hexafy', function() {
    this.myFunc = function (x) {
        return parseInt(x).toString(16);
    };
})
.controller('ctrl', function($scope,hexafy) {
    $scope.hexVal = 255;
    $scope.hex = function(arg){
        return hexafy.myFunc(arg);
    };
})

<script src="//unpkg.com/angular/angular.js"></script>
<body ng-app="app" ng-controller="ctrl">
    <input type="text" ng-model="hexVal">
    <p>Hex service: {{hex(hexVal)}}</p>
</body>

角度服务功能不用于用户输入

1 个答案:

DEMO