angularJS---服务器，自定义服务器

最新推荐文章于 2024-09-25 07:39:54 发布

Y4258

最新推荐文章于 2024-09-25 07:39:54 发布

阅读量103

点赞数

文章标签： angularjs

本文链接：https://blog.csdn.net/Y4258/article/details/113860384

版权

这篇博客展示了如何在AngularJS应用中使用$timeout和$interval服务来更新视图内容，同时介绍了一个自定义过滤器用于将数字转换为16进制格式。通过这两个服务，可以实现定时更新时间和动态改变文本内容的功能，自定义过滤器则扩展了AngularJS的数据展示能力。

摘要由CSDN通过智能技术生成

服务器

div ng-app="myApp" ng-controller="myCtrl">
    <p>超时服务</p>
    <span>{{myHeader}}</span>
    <p>间歇服务</p>
    <span>{{theTime}}</span>
</div>
<script>
    var app = angular.module('myApp',[]);
    app.controller('myCtrl',function($scope,$timeout,$interval){
        $scope.myHeader = 'hello  world!';
        $timeout(function () {
            $scope.myHeader = 'how are you today?';
        },2000);
        $scope.theTime = new Date();
        $interval(function () {
            $scope.theTime = new Date().toLocaleTimeString();
        },2000);
    })
</script>

自定义服务器

<div ng-app="myApp" ng-controller="myCtrl">
    <p>超时服务</p>
    <span>{{myHeader}}</span>
    <p>间歇服务</p>
    <span>{{theTime}}</span>
    <p>自定义服务器</p>
    <span>{{255 | myFormat}}</span>
</div>
<script>
    var app = angular.module('myApp',[]);
    app.controller('myCtrl',function($scope,$timeout,$interval){
        $scope.myHeader = 'hello  world!';
        $timeout(function () {
            $scope.myHeader = 'how are you today?';
        },2000);
        $scope.theTime = new Date();
        $interval(function () {
            $scope.theTime = new Date().toLocaleTimeString();
        },2000);
    })
    app.service('hexaf',function(){
        this.myFunc = function (x) {
            return x.toString(16);
        }
    });
    app.filter('myFormat',['hexaf',function(hexaf){
        return function(x){
            return hexaf.myFunc(x);
        }
    }])
</script>