`
风中亮出年轻的旗
  • 浏览: 4300 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论

关于$location服务

 
阅读更多
$location服务是对所有浏览器中都存在的window.location对象的封装。
window.location与$location服务的不同:
    告别全局变量:全局变量对测试、维护以及使用都很麻烦,$location服务将会屏蔽这种污染;单元测试的时候,可以利用$location服务注入假数据
    API:window.location提供的是字符串形式的信息,而$location可以提供一些更加好用的jQuery风格的getter和setter,可以用简洁的方式来使用这个对象
    AngularJS集成:使用window.location,当其中的内容发生变化时,需要自己通知AngularJS,并且需要负责监听;使用$location,就可以按照喜欢的方式来使用
    HTML5集成:$location服务非常智能,它能够感受到浏览器是否可以使用HTML5 API。如果可以,它会自动使用这些API;如果不可以,它会降级并使用默认的处理方式
什么时候应该使用$location服务呢?
    一是需要对URL的变化做出响应($route服务没有包含此功能,$route服务主要用来处理基于URL的视图)的情况;二是需要针对浏览器当前的URL触发一次change事件的情况
何时以及如何调用$apply:
    不要频繁调用它。当AngularJS正在运行时,调用$apply将会引起错误。
    当AngularJS外部的控制器(DOM事件、外部的回调函数等)调用了AngularJS函数之后,必须调用$apply。
    把要执行的代码和函数传递给$apply去执行,不要自己执行那个函数然后再调用$apply。如:
    $scope.$appply(function(){
$scope.variablel = 'some value';
executeSomeAction();
    });
    而不是这样:
    $scope.variablel = 'some value';
    executeSomeAction();
    $scope.$appply();
这两种方式的运行效果相同,但是他们存在一个重大的不同点。
当调用executeSomeAction时,第一种方式会捕获所有错误,而第二种方式会忽略所有错误。
分享到:
评论

相关推荐

    高效利用Angular中内置服务$http、$location等_.docx

    `$location` 服务提供了对当前URL的访问和操作,允许开发者监控和改变浏览器的地址栏。例如,`$location.absUrl()` 返回完整的URL,包括协议、主机名和路径。这在需要根据URL状态执行特定操作或动态导航时非常有用...

    Angular 通过注入 $location 获取与修改当前页面URL的实例

    在 Angular 中,$location 服务提供了对当前页面 URL 的访问和修改功能,通过注入 $location,开发者可以获取当前页面的 URL 信息,包括完整的 URL 路径、当前 URL 的子路径、协议、主机名、端口、哈希值和参数等...

    高效利用Angular中内置服务$http、$location等

    1.$location服务 $location服务用于返回当前页面的URL地址,示例代码如下: var app = angular.module('myApp', []); app.controller('customersCtrl', function($scope, $location) { $scope.myUrl = $location....

    详解angular中通过$location获取路径(参数)的写法

    Angular 中的 `$location` 服务提供了获取和修改 URL 的功能,包括获取当前完整的 URL 路径、当前 URL 路径、子路径、协议、主机名、端口、哈希值和参数等。下面将详细介绍 `$location` 服务的使用方法。 获取当前...

    AngularJS内建服务$location及其功能详解

    $location服务是基于Window.location对象的封装,提供了更多与AngularJS数据绑定机制相结合的功能。 $location服务的主要功能是使得开发者可以更方便地获取和修改URL,而不需要直接操作Window.location对象。这样做...

    AngularJS通过$location获取及改变当前页面的URL

    本篇将介绍AngularJS中的$location服务的基本用法,$location服务的主要作用是用于获取当前url以及改变当前的url,并且存入历史记录。本文通过示例代码介绍的很详细,有需要的朋友们可以参考借鉴,下面来一起看看吧。

    AngularJS的$location使用方法详解

    在AngularJS中,$location服务是一个非常有用的工具,它提供了对浏览器地址栏的抽象,使得开发者可以更容易地进行URL管理。 首先,我们来讨论AngularJS的$location服务如何在配置中使用。在AngularJS应用中,通常...

    AngularJs Using $location详解及示例代码

    AngularJS的$location服务是框架的核心组件之一,用于管理和跟踪应用程序中的URL。它是一个非常有用的服务,因为它允许我们在不刷新整个页面的情况下与浏览器的URL进行交互。本文将深入探讨$location服务的功能、...

    ng-querystring-demo:演示AngularJS应用程序,显示如何使用$ location服务管理查询字符串

    在AngularJS中,$location服务是核心的一部分,它允许开发者轻松地处理应用程序的URL,包括查询字符串。这个名为"ng-querystring-demo"的项目提供了一个实际的示例,展示了如何在AngularJS应用中有效地操作查询字符...

    详解Angular中通过$location获取地址栏的参数

    在Angular框架中,$location服务是用于处理应用的URL,它提供了一种方式来获取、修改和监视浏览器的URL。本文将深入讲解如何通过$location服务获取地址栏中的参数。 首先,我们需要理解Angular中的$location服务。$...

    angular中使用路由和$location切换视图

    `$route`服务是AngularJS中的一个核心服务,它与`$location`服务协同工作,实现了视图的动态切换。本文将深入探讨如何在Angular中使用这两个服务。 首先,让我们来理解`$route`服务。`$route`的主要职责是根据当前...

    Angular的$http与$location

    4. **$location服务**: - `$location`服务是用来管理应用程序当前URL的。虽然在给出的代码片段中没有具体使用`$location`,但通常它用于监听和修改浏览器的URL,实现页面导航和路由。例如,你可以通过`$location....

    AngularJS入门教程之服务(Service)

    在AngularJS中,推荐使用$location服务来替代传统的window.location对象,因为$location服务能更好地与AngularJS的脏检查机制结合,从而实现数据绑定和DOM更新。 $http服务是AngularJS中非常常用的内置服务之一,它...

    Laravel开发-location

    在Laravel框架中,开发基于用户IP地址获取地理位置的功能是一项常见的需求。这通常涉及到网络编程、IP处理以及地理定位服务的集成。...同时,确保遵循服务提供商的使用条款,特别是关于API调用频率和免费配额的规定。

    Location IOS 15.6

    《iOS 15.6 Location服务详解与驱动更新实践》 在移动操作系统的世界里,苹果的iOS系统以其安全性和稳定性闻名。iOS 15.6是该系统的一个重要版本,其中Location(位置)服务作为核心功能之一,对于用户的日常使用和...

Global site tag (gtag.js) - Google Analytics