从ng-model转换返回值

时间:2016-08-21 17:01:43

标签: angularjs

我写了这个angularjs代码,但问题是当我输入数字为数字时,每件事情都没问题并且数字转换为六进制甚至我手动更改数字而不增加或减少按钮,但当我输入类型为文本结果只是相同数量的文本输入而没有转换它。 为什么?抱歉我的英文!

这是我的代码:

<html>
 <head> 
   <title> convert to hex </title>
   <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8 /angular.min.js"></script>

</head> 

<body> 
  <div ng-app="myapp" ng-controller="namectrl">
      <input ng-model = 'number' type="text">
        <h3> {{hexa(number)}} </h3>
  </div>

     <script>
   var app = angular.module("myapp" ,[]);
   app.controller("namectrl" , function($scope)
   {
     $scope.hexa = function(x) {
       return x.toString(16);
        };
   }); 

     </script>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

试试这个,

 $scope.hexa = function(x) {
          return Number(x).toString(16);
 };

工作App