AngularJs $anchorScroll、$controller、$document

$anchorScroll

根据HTML5的规则,当调用这个函数时,它检查当前的url的hash值并且滚动到相应的元素。

监听$location.hash()并且滚动到url指定的锚点的地方。可以通过$anchorScrollProvider.disableAutoScrolling()禁用。

依赖:$window   $location   $rootScope

使用:$anchorScroll();

使用代码:

  #id {height:500px;}#bottom {margin-top:1500px;}
  <div ng-app="Demo" ng-controller="testCtrl as ctrl"><div id="top" ng-click="ctrl.gotoBottom()">跳到底部</div><div id="bottom" ng-click="ctrl.gotoTop()">跳到顶部</div></div>
  (function () {angular.module("Demo", []).controller("testCtrl",["$location", "$anchorScroll",testCtrl]);function testCtrl($location,$anchorScroll){this.gotoTop = function () {$location.hash("top");$anchorScroll();};this.gotoBottom = function () {$location.hash("bottom");$anchorScroll();};};}());

$controller

$controller负责实例化控制器。

这只是个简单的$injector调用,但为了以前版本的这个服务能被覆盖而被提取进一个服务。

依赖:$injector

使用:$controller(constructor,locals);

constructor:如果调用了一个函数,那么这个函数被认为是控制器构造函数。否则,它被认为是一个使用以下步骤检索控制器的构造函数的字符串:

1.检查控制器是否在$controllerProvider注册并命名。

2. 检查当前作用域上的字符串是否返回一个构造函数

3.在全局window对象上检查构造器。

locals:Object,将需要调用的控制器注册到当前控制器。

使用代码:

  (function () {angular.module("Demo", []).controller("demoCtrl",["$scope",demoCtrl]).controller("testCtrl",["$controller","$scope",testCtrl]);function demoCtrl($scope){$scope.print = function () {console.log("print");};this.prt = function () {$scope.print();};};function testCtrl($controller,$scope){var ctrl = $controller("demoCtrl",{$scope:$scope});ctrl.prt(); // print
    };}());

$document

一个jQuery或jqlite包装了的浏览器window.document对象。

依赖:$window

使用代码:

<!doctype html>
<html>
<head><meta charset="utf-8"><script src='angular.js'></script><title>title-$document</title>
</head>
<body><div ng-app="Demo" ng-controller="testCtrl as ctrl"></div><script>(function () {angular.module("Demo", []).controller("testCtrl",["$document",testCtrl]);function testCtrl($document){var $title = $document[0].title;//title-$documentvar title = angular.element(window.document)[0].title;//title-$documentvar v = $document[0] === window.document;//true
    };}());</script>
</body>
</html>

这两天被$animate和$interpolate还有$http给折腾的心累啊,有一小部分代码还没测出来,所以先把这三个内容少点的整合到一篇文章先总结了先。明天看看花点时间把那三个给写完整吧,估计需要分三篇文章来记录$animate、$interpolate和$http呢。

转载于:https://www.cnblogs.com/ys-ys/p/4982542.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/272714.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Jquery操作复选框总结

1、获取单个checkbox选中项(三种写法)$("input:checkbox:checked").val()或者$("input:[typecheckbox]:checked").val();或者$("input:[nameck]:checked").val();2、 获取多个checkbox选中项$(input:checkbox).each(function() {if ($(this).att…

java对五排六列考生随机排座,Java入门第三季6-5扩展练习-随机字符串排序

原课程地址https://www.imooc.com/video/4254* 扩展练习要求* 利用Collections.sort()方法对泛型为String的List进行排序版本2* 1.创建完List之后&#xff0c;往其中添加10条随机字符串* 2.每条字符串的长度为10以内的随机整数* 3.每条字符串的每个字符都是随机生成的&#xff…

信息安全系统设计基础第十周学习总结

第八章 异常控制流 &#xff08;1&#xff09;控制流&#xff1a;控制转移序列。 控制转移&#xff1a;从一条指令到下一条指令。 异常控制流&#xff1a;现代操作系统通过使控制流发生突变来对系统状态做出反应&#xff0c;这些突变称为异常控制流。 &#xff08;2&#xff09…

MVC、 MVP、 MVVM之间的区别

一、 简介三者的目的都是分离关注&#xff0c;使得UI更容易变换&#xff08;从Winform变为Webform&#xff09;&#xff0c;使得UI更容易进行单元测试。二、MVC/MVP1 、MVC1、View接受用户的交互请求2、View将请求转交给Controller3、Controller操作Model进行数据更新4、数据更…

java散列法的运用实例,Java HashMap compute() 使用方法及示例

Java HashMap compute() 使用方法及示例Java HashMap compute()方法计算一个新值&#xff0c;并将其与哈希映射中的指定键相关联。compute()方法的语法为&#xff1a;hashmap.compute(K key, BiFunction remappingFunction)compute()参数compute()方法有两个参数&#xff1a;ke…

team geek

1. 转载自http://book.douban.com/review/6007037/&#xff0c;版权归丸子(^.^)v所有。 New Google employees (we call “Nooglers”) often ask me what makes me effective at what I do. I tell them only half-jokingly that it’s very simple: I do the Right Thing for…

程序员经典语录

1.A good programmer is someone who always looks both ways before crossing a one-way street. (Doug Linder)好的程序员即使在过单行道时也总是会环顾两边。2.Don’t worry if it doesn’t work right. If everything did, you’d be out of a job. (Mosher’s Law of Soft…

数字图像处理应用matlab,数字图像处理与应用(MATLAB版)

第 1章 绪论 1n1&#xff0e;1 图像的概念 1n1&#xff0e;2 图像的分类 2n1&#xff0e;3 图像的表示 2n1&#xff0e;3&#xff0e;1 图像信号的表示 2n1&#xff0e;3&#xff0e;2 数字图像的表示 3n1&#xff0e;3&#xff0e;3 颜色模型 4n1&#xff0e;4 …

HDU 3948 不同回文子串个数

集训队论文中有求不同子串个数的做法&#xff0c;就是扫一遍height数组&#xff0c;过程中根据height数组进行去重。对于本题也是雷同的&#xff0c;只是每一次不是根据与排名在上一位的LCP去重&#xff0c;而是与上一次统计对答案有贡献的后缀进行比较去重。 几组数据 abacaba…

如何成为一名优秀的程序员?

1、理解技术债务技术债务就像信用卡一样&#xff0c;会有很高的利息率&#xff0c;时间越长&#xff0c;修复所花的代价就越大&#xff0c;程序员对这个要有深刻的认识。同时团队应该培养一种保证设计质量的文化&#xff0c;应当鼓励重构、同时也应当鼓励其它有关代码质量的实践…

php 发邮件附件pdf,php – 使用TCPDF发送电子邮件附件 | 码农网

我有一个简单的课程申请表,填写完成后,会向申请人发送一封电子邮件,并附上他选择作为pdf附件的课程的费用报价.我正在使用TCPDF并使用会话变量将数据从表单传递到库.内容采用 html 格式.生成PDF并根据需要作为附件发送.问题是它是空白的..只有页眉和页脚在文档中.在 linux 中尤…

数据库同步传输软件

Navicat转载于:https://www.cnblogs.com/jizl/p/4995959.html

DoNet 高效开发必备开发工具

工欲善其事&#xff0c;必先利其器&#xff0c;没有好的工具&#xff0c;怎么能高效的开发出高质量的代码呢&#xff1f;本文为 ASP.NET 开发者介绍一些高效实用的工具&#xff0c;包括 SQL 管理&#xff0c;VS插件&#xff0c;内存管理&#xff0c;诊断工具等&#xff0c;涉及…

php eval 语法错误,PHP eval和捕获错误(尽可能多)

我找到了一个很好的替代方案/答案 .首先&#xff0c;让我首先说当我设置error_reporting(E_ALL)时&#xff0c;nikic的建议有效;通知显示在PHP输出中&#xff0c;并且由于OB&#xff0c;它们可以被捕获 .接下来&#xff0c;我发现了这个非常有用的代码&#xff1a;/*** Check t…

防止表单重复提交的解决方案整理

用户在操作表单Post数据时往往会出现表单数据重复提交的问题&#xff0c;尤其在Web开发中此类问题比较常见。刷新页面&#xff0c;后退操作以前的页面&#xff0c;单机多次按钮都会导致数据重复提交。此类问题是因为浏览器重复提交HTTP请求导致。下面列出了四种比较常用的解决方…

免费字典api ,查询汉字完整信息

最大最全的新华汉语词典&#xff0c;字典api根据接口列表返回的汉字id&#xff0c;查询汉字完整信息。 接口名称&#xff1a;字典api 接口平台&#xff1a;第三方api 接口地址&#xff1a;http://v.juhe.cn/xhzd/queryid 支持格式&#xff1a;json/xml 请求方式&#xff1a;htt…

python正则去除换行符,关于python:用于删除换行符的正则表达式

我是Python的新手&#xff0c;我遇到了正则表达式问题。 我正在尝试删除文本文件中每行末尾的换行符&#xff0c;但前提是它跟在小写字母后面&#xff0c;即[a-z]。 如果该行的结尾以小写字母结尾&#xff0c;我想用空格替换换行符/换行符。这是我到目前为止所得到的&#xff1…

收集一些程序员励志经典名言

1、作为一个真正的程序员&#xff0c;首先应该尊重编程&#xff0c;热爱你所写下的程序&#xff0c;他是你的伙伴&#xff0c;而不是工具。2、程序员可以让步&#xff0c;却不可以退缩&#xff0c;可以羞涩&#xff0c;却不可以软弱&#xff0c;总之&#xff0c;程序员必须是勇…

Android develop 国际化

转自别人的一片文章&#xff0c;出处以找不到了&#xff0c;觉得写得不错&#xff0c;记录一下 一、概念 1.Internationalization(I18N) 国际化 使得App在不改的源码、资源文件的情况下&#xff0c;能够适应各国、各文化、各语言 是L10N的基础 2.Localization(L10N) 本地化 为A…

php留言板记录ip,如何用php程序记录来访IP

如何用php程序记录来访IP关注:226 答案:4 手机版解决时间 2021-02-16 00:05提问者失夜久伴你2021-02-15 01:22如何用php程序获取来访IP&#xff0c;然后保存在txt文件中,并且只保留最新的30个数据.最佳答案二级知识专家追尋☆①秒方向2021-02-15 02:19有一个全局的变量&#…