angularjs写一个将输入框中输入的数字转化为16进制的小效果

初学AngularJs，确实对逻辑还不太清楚，在练习写demo时想写一个点击按钮将输入框内输入的数转化为16进制显示出来

var changeModule = angular.module("changeModule",[]);
changeModule.service('hexafy', function() {
    this.myFunc = function (x) {
        return x.toString(16);
    }
});
changeModule.controller('changeNum', function($scope, hexafy) {
    
    var cNum = document.getElementById("oNum").value;
    $scope.changeNumber = function(){
        $scope.hexa = hexafy.myFunc(cNum);
        alert(cNum);
        };
    
});

求指点：为什么不能显示出转换的结果

---

文本框type的属性设置曾number试试。
就这个例子而言，完全没必要用到service。

<input type="number" ng-model="numberIn10" ng-change="convert()"/>
 {{numberIn16}}
$scope.numberIn16 = "0";
$scope.convert = function(){
   $scope.numberIn16 = $scope.numberIn10.toString(16);
}

搞定

---

题主应该是在看http://www.runoob.com/上的内容，这里要先转成number类型，这么改就可以了

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