zoukankan      html  css  js  c++  java
  • angularJS(7)

    服务:AngularJS 中,服务是一个函数或对象,可在你的 AngularJS 应用中使用。AngularJS 内建了30 多个服务。

    最常用的服务:$location  服务,  $http 服务, $timeout 服务,$interval 服务,创建自定义服务
    一:$location服务。
    $location服务可以返回当前页面的 URL 地址
    注意 $location 服务是作为一个参数传递到 controller 中。如果要使用它,需要在 controller 中定义。

    复制代码
    <div  ng-app="myapp" ng-controller="mycc">
        当前页面的网址是:{{url}}
    </div>
    <script>
    var app=angular.module("myapp",[]);
         app.controller("mycc",function($scope,$location){
            $scope.url=$location.absUrl();
            })
    </script>
    复制代码

    二:$timeout

    $timeout 服务是时间延迟,例:

    复制代码
    <div ng-app="myapp" ng-controller="mycc">
        <h1>{{mmm}}</h1>
    </div>
    <script>
    var app=angular.module("myapp",[]);
    app.controller("mycc",function($scope,$timeout){
         $scope.mmm=“明明可以靠脸吃饭,而我却仍然以写代码为生";
         $timeout(function(){
              $scope.mmm=“这就是我和明明不同的人生";
             },2000)
        })
    </script>
    复制代码

    三:$interval

    每间隔 指定时间执行一次,例:

    var app = angular.module('myApp', []);app.controller('mycc', function($scope, $interval) {    $scope.theTime = new Date().toLocaleTimeString();    $interval(function () {        $scope.theTime = new Date().toLocaleTimeString();    }, 1000);}); 

    四:自定义服务

    可以创建访问自定义服务,链接到你的模块中:
    自定义的的服务 hexafy 将一个数字转换为16进制数:

    复制代码
    <div ng-app="myApp">在过滤器中使用服务:<h1>{{255 | myFormat}}</h1></div>
    <script>
        var app = angular.module('myApp', []);
        app.service('hexafy', function() {
              this.myFunc = function (x) {    
                     return x.toString(16);
                }
        });
        app.filter('myFormat',['hexafy', function(hexafy) {
            return function(x) {
                return hexafy.myFunc(x);
            };
        }]);
    </script>
    复制代码
  • 相关阅读:
    Windows系统自带工具的 cmd 命令
    阿里巴巴集团2016校园招聘-Python工程师笔试题(附加题+部分答案)
    小米3刷机说明
    第3章 常用运算符
    第1章Java入门体验
    jQuery表单验证案例
    jQuery超链接提示,提示跟随鼠标动
    [转载]我的Java后端书架 (2016年暖冬4.0版)
    PHP代码重用与函数编写
    PHP数组操作
  • 原文地址:https://www.cnblogs.com/alinaxia/p/6254242.html
Copyright © 2011-2022 走看看