AngularJS模块学习之Anchor Scroll_AngularJS

WBOY

Release： 2016-05-16 15:19:10

Original

1323 people have browsed it

俗话说的好：好记性不如一个烂笔头，本文对angularjs模块学习笔记，首先我们从anchor scroll开始学习，具体内容请看下文：

•$anchorScroll（）用于跳转至定义ID；
•$location对象的hash()方法会替换当前url作为hash键；
•$anchorScroll()读取并跳转至ID处。

下面简单的例子，这里是输出结果：

源码 index.html--11行，标示了的跳转ID:

      
    {{key}}   {{item}}

Copy after login

app.js

var demoApp = angular.module("app",[]) .controller("MockController", function ($scope, $location, $anchorScroll) { $scope.numbers = { "自然数":["","","","","","","","","","","","","","","","","","","",""], "质数":["","","","","","", "", "", "", ""] }; $scope.jumper = function(key){ $location.hash(key); $anchorScroll(); } });

Copy after login

以上所述是小编给大家整理的AngularJS模块学习之Anchor Scroll 的相关内容，希望大家喜欢。

Related labels：

anchorscroll angular_anchorscroll

source：php.cn

Previous article：理解JS绑定事件_javascript技巧 Next article：JavaScript优化专题之Loading and Execution加载和运行_javascript技巧

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn