AngularJS service

最新推荐文章于 2020-08-29 17:08:46 发布

icesongqiang

最新推荐文章于 2020-08-29 17:08:46 发布

阅读量356

点赞数

分类专栏： Angular

本文链接：https://blog.csdn.net/u011491972/article/details/53793485

版权

Angular 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

常见服务

$http
$location
$timeout
$interval

AngularJS 在线转16进制

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>
<div ng-app="myApp" ng-controller="myCtrl">

<input type="number" ng-model="thing.mydata" required\>
  <!--输入类型为number-->
<p>{{thing.mydata}} 的16进制是:</p>

<h1>{{hex}}</h1>

<h1>test, {{thing.mydata}} 的16进制是:{{hex1}}</h1>

</div>

<p>自定义服务，用于转换16进制数：</p>

<script>
var app = angular.module('myApp', []);


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

app.controller('myCtrl', function($scope, hexafy, $interval) {
  $scope.thing = {mydata:100};
  // 调用这个自定义服务都只执行一次
  $scope.hex = hexafy.myFunc($scope.thing.mydata); 

  $scope.hex1 = hexafy.myFunc($scope.thing.mydata); 
  $interval(function () {
  // 使用定时器 每个500ms调用一次自定义服务即可
      $scope.hex1 = hexafy.myFunc($scope.thing.mydata);
  }, 100);

});
</script>

</body>
</html>