AngularJS专题——路由

1、首先讲路由之前，我们来说一些和路由相似的概念，URL是统

一资源定位符的意思，我们在浏览器的地址栏里面经常看到它的

身影，例如：http://www.baidu.com就是百度的URL，也就是定义

资源的位置的，那么AngularJS里面的路由又是个什么东西？其实

它也是标志某个资源的，例如：http://localhost/index.html/#/login，

这个URL里面，其实真正的路由是/login，它标识的是网页里的某

个资源。

2、说到AngularJS的路由，不得不提两个相关的AngularJS内置

对象：

$routeProvider

和

$location

，前者是需要引入

angular-route.js的，因为路由已经没有包含在AngularJS的核心中

了，前者可以监听路由变化，做相应的操作的；后者则可以设置

和改变路由，例如：

$location.path('/login')

，相应的

$routeProvider

的

when('/login',function(){})

这个

函数会监听到路由的改变，当改变后的路由恰巧是/login的时候

就会回调函数。

3、在原生的手机App上，我们经常看到的一个应用场景是，点击

底部的导航栏，可以在界面上切换显示不同的内容。AngularJS同

样可以做到这点，正是利用路由，在点击导航栏的时候，可以

改变路由，然后在路由改变的监听函数中，重新设置显示的内容

这里还要额外提到的一个东西就是：ng-view指令，它是用于显示

路由的内容的，例如：

<div ng-view></div>

。