zoukankan      html  css  js  c++  java
  • Angular JS 学习之服务(Service)

    1.AngularJS中,可以创建自己的服务,或使用内建服务;

    2.在AngularJS中,服务是一个函数或对象,可在你的AngularJS应用中使用;

    AngularJS内建了30多个服务;有个$location服务,它可以返回当前页面的URL;

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

    app.controller('customersCtrl',function($scope,$location){

      $scope.myUrl=$location.absUrl();

    });

    3.$http是AngularJS应用中最常用的服务;服务向服务器发送请求,应用响应服务器传过来的数据;

    AngularJS会一直监控应用,处理事件变化,AngularJS使用$location服务比使用window。location对象更好;

    var app=angular('myApp',[]);

    app.controller('myCtrl',function($scope,$http){

      $http.get("Welcome.htm").then(function(response){

        $scope.myWelcome=response.data;

      });

    });

    4.$timeout服务:响应了JS window.setTimeout函数:

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

    app.controller('myCtrl',function($scope,$timeout){

      $scope.myHeader="Hello World!";

      $timeout(function(){

        $scope.myHeader="How are you today?";

      },2000);

    });

    5.$interval服务:对应了JS window.setInterval函数

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

    app.controller('myCtrl',function($scope,$interval){

      $scope.theTime=new Date().toLocaleTimeString();

      $interval(function(){

        $scope.theTime=new Date().toLocaleTimeString();

      },1000);

    });

    6.创建自定义服务:可以创建访问自定义服务,链接到你的模块中;

    app.service('hexafy',function(){

      this.myFunc=function(x){

        return x.toString(16);

      }

    });

    使用访问自定义服务,需要在定义过滤器的时候独立添加:

    app.controller('myCtrl',function($scope,hexafy){

      $scope.hex=hexafy.myFunc(255);

    });

    7.过滤器中,使用自定义服务:当你创建了自定义服务,并连接到你的应用后,你可以在控制器,指令,过滤器或其他服务中使用它;

    在过滤器myFormat中使用服务hexafy:

    app.filter('myFormat',['hexafy',function(hexafy){

      return function(x){

        return hexafy.myFunc(x);

      };

    }]);

  • 相关阅读:
    IOS遍历未知对象属性、函数
    [Unity3D]Unity3D游戏开发之Logo渐入渐出效果的实现
    面向画布(Canvas)的JavaScript库
    将canvas画布内容转化为图片(toDataURL(),创建url)
    canvas上的像素操作(图像复制,细调)
    【bzoj1251】序列终结者(伸展树)
    延时标记
    曼哈顿距离(坐标投影距离之和)d(i,j)=|X1-X2|+|Y1-Y2|.
    曼哈顿距离最小生成树与莫队算法(总结)
    莫队算法(区间处理)
  • 原文地址:https://www.cnblogs.com/hqutcy/p/6067442.html
Copyright © 2011-2022 走看看