<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> /* 1.router路由是angularJS中提出的，用于构建单页面应用的模块。 描述：其本质是从a标签点击跳转功能延展而来的。 说明：（1）router功能的实现需要依赖于angularJS的扩展库文件angular-route.min.js （2）router功能的实现需要依赖于ng-view指令 【ng-view指令】的作用是提供标注[显示不同页面的容器]的作用 (3)router功能的实现需要依赖于a 标签的href属性 href='#要加载的页面代号' 此属性设置的目的，是在a标签点击的时候能够通知路由，要加载哪一个页面 (4)router 路由的具体语法是通过app页面数据模型创建的 通过config方法来构建一个路由 在路由中，通过.when()来判定加载哪一个页面 在路由中，通过.otherwise()来决定路由默认加载哪一个页面 app模型.config(['$routerProvider',function($routeProvider){ $routeProvider .when('/页面代号'，{ templateUrl:'要加载的页面的url地址（以路由所在位置为起点）', controller:'对应页面的控制器名称' }) ... contherwise({ redirectTo:'/默认加载页面的代号' }); }]); 注意： (1) 如果需要使用路由功能，那么在创建页面数据模型app的时候， 必须要注入一条名为[ngRoute]的信息，此注入信息相当于对当前页面的声明：我要使用路由功能 语法：var app = angular.module('app',['ngRoute']); */ </body> </html>