美文网首页
AngularJS 服务(Service)

AngularJS 服务(Service)

作者: Antus | 来源:发表于2020-12-13 12:10 被阅读0次

    一、什么是服务?

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

    二、常见的几种服务:

    1、$location 服务,它可以返回当前页面的 URL 地址:

    <script>
    var app = angular.module('myApp', []);
    app.controller('myCtrl', function(scope,location) {
    scope.myUrl =location.absUrl();
    });
    </script>
    $location.absUrl()返回了当前网页的绝对地址。

    2、http 服务http 是 AngularJS 应用中最常用的服务。 服务向服务器发送请求,应用响应服务器传送过来的数据。
    使用 $http 服务向服务器请求数据:

    var app = angular.module('myApp', []);
    app.controller('myCtrl', function(scope,http) {
    http("welcome.htm").then(function (response) {scope.myWelcome = response.data;
    });
    });
    访问请求$http("welcome.htm")后返回response.data。

    3、timeout 服务 AngularJStimeout 服务对应了 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); });timeout(fun(),times),在times(毫秒)后执行函数。

    4、interval 服务 AngularJSinterval 服务对应了 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); });interval(function (),times)在times周期内循环执行函数。

    相关文章

      网友评论

          本文标题:AngularJS 服务(Service)

          本文链接:https://www.haomeiwen.com/subject/ohbygktx.html