AngularJS构建服务美元的位置和功能的详细解释

在学习AngularJS的过程中,认为这是一种最好的方式来分页在前端所获得的信息从服务器的数据库中的一次。因为它节省了前面和后面的通信负载,并显示方面的任务的前端处理。

这个内容分为两部分。第一部分给你AngularJS的内置服务$位置及其功能作了简要的介绍;第二部分实现了分页显示数据库信息的影响通过一个相对完整的例子。

在AngularJS mutilpe查看路线的工作,觉得应该更深入了解AngularJS的内置定位服务,因为内置的浏览器服务URL操作密切相关,感觉如果处理这项服务,那么网页的处理以后的日子会很有帮助。

这里是我的一些小实验和一些经验,白话,也许不那么专业,但我希望能帮助你了解AngularJS的一些概念。

这个位置用作服务(服务)作为控制器的返回函数的参数,通过依赖注入(依赖注入)。

第1节:获取URL信息

位置提供了大量的getter和setter方法,如absurl、路径、协议、主机、端口。这说明这些链路上的函数名的位置,如果这些功能不介绍使用任何参数,表示获取当前URL的信息;如果传入的参数,表示在浏览器设置当前URL的信息。

例1









absurl ---------- { { absurl } }

------------ { } } {路径路径

协议-------- { { } }协议

主持人------------ { {主机} }

港口------------ { {口} }


无功locationapp = angular.module('locationapp,{ });
LocationApp.controller('locationcontroller,{美元的范围,定位功能(美元,美元,美元的范围,位置){
scope.absurl = location.absurl美元(美元);
scope.path = location.path美元(美元);
scope.protocol = $(美元)比较;
scope.host = location.host美元(美元);
scope.port = location.port美元(美元);
});








从截图中可以清楚地看到,$位置服务提供的吸气剂方法可以很容易地获得L浏览器当前的URL信息。

细心的学生可能已经看到了,这条路怎么没有价值

这是因为在链接地址中没有路径信息,如果我们通过路径()方法手动设置路径信息,然后刷新浏览器(当浏览器的URL地址被修改时,信息不会改变),我们将看到路径信息!

例2

location.path美元('detail);

scope.path = location.path美元(美元);


从上面的小修改来看,我修改了代码。首先,通过set方法在$位置中构建的服务本质上是一个对象,其中包含URL信息的许多属性,这些URL属性修改其路径属性的值。

然后,新的值是通过吸气剂方法获得的。

因为在浏览器地址栏URL位置信息服务的双向绑定(这是最精致的地方,所以AngularJS)位置是否对象属性或浏览器地址栏中,只要有一个URL信息的变化,那么其他的也会改变。所以你可以看到在屏幕浏览器的地址栏也多路径等信息的细节,这是以前的代码。



AngularJS实现为大家介绍下文章分页显示功能,我希望你不要错过。