首页 > 网站 > WEB开发 > 正文

angularJS$location 各种方法 、$cacheFactory、$log

2024-04-27 15:05:38
字体:
来源:转载
供稿:网友

absUrl( ):只读;根据在 RFC 3986 中指定的规则,返回 url,带有所有的片段。

hash( ):读、写;当带有参数时,返回哈希碎片;当在带有参数的情况下,改变哈希碎片时,返回$location。

host( ):只读;返回 url 中的主机路径。

path( ):读、写;当没有任何参数时,返回当前 url 的路径;当带有参数时,改变路径,并返回$location。(返回的路径永远会带有/)

port( ):只读;返回当前路径的端口号。

PRotocol( ):只读;返回当前 url 的协议。

replace( ):如果被调用,就会用改变后的 URL 直接替换浏览器中的历史记录,而不是在历史记录中新建一条信息,这样可以阻止『后退』。

search( ):读、写;当不带参数调用的时候,以对象形式返回当前 url 的搜索部分。

url( ):读、写;当不带参数时,返回 url;当带有参数时,返回$location。

Angularjs 中的 $anchorScroll服务 类似于锚点工具

angular.module('anchorScrollExample', []) .controller('ScrollController', ['$scope', '$location', '$anchorScroll', function($scope, $location, $anchorScroll) { $scope.gotoBottom = function() { // set the location.hash to the id of // the element you wish to scroll to. $location.hash('bottom'); // call $anchorScroll() $anchorScroll(); }; }]); //html 部分 <div id="scrollArea" ng-controller="ScrollController"> <a ng-click="gotoBottom()">Go to bottom</a> <a id="bottom"></a> You're at the bottom! </div>





$log是用在控制台内输出不同的符号


$cacheFactory主要是用在不同的controller 内 分享数据 不写入浏览器缓存

用法 使用$cacheFactory服务

声明使用服务

var cache = $cacheFactory('myCache'); cache.put('name','hello');//put就是写入 。get是读取 cache.put('age','20'); cache.put('job','it'); var name =cache('age')输出 20?? //这是在同一controller 内使用

如果在不同controller 内是用的话需要在使用cacheFactory的controller 注册服务$cacheFactory

var cache = $cacheFactory.get('myCache'); //这样就使用了共享数据controller 的数据了
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表