javascript - 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);
}

搞定

这篇关于javascript - angularjs写一个将输入框中输入的数字转化为16进制的小效果的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！