Angular之路由篇一

AngularJS 路由允许我们通过不同的 URL 访问不同的内容。

通过 AngularJS 可以实现多视图的单页Web应用（single page web application，SPA）。

路由原理：

SPA单页面应用：

实例应用：

1.引入Angular核心框架文件：

2.引入Angular路由模块文件：

3. 包含了 ngRoute 模块作为主应用模块的依赖模块：

var app = angular.module("myApp", ["ngRoute"]);

4.app.config()函数主要用于进行《配置信息》的添加,配置 $routeProvider，AngularJS $routeProvider 用来定义路由规则,route:路由,provider:提供者,$routeProvider:AngularJS提供的用于进行路由配置的内置服务,templateUrl: ng-view 中插入 HTML 模板文件:

  app.config(["$routeProvider", function($routeProvider) {
        $routeProvider
            .when("/", {
                templateUrl:"template/main.html"
            }).when("/login", {
                templateUrl:"template/login.html"
            }).when("/regist", {
                templateUrl:"template/regist.html"
            }).when("/shopcart", {
                templateUrl:"template/shopcart.html"
            }).otherwise("/");
    }]);

5. 使用 ngView 指令。

, 该 div 内的 HTML 内容会根据路由的变化而变化。

    
首页
    
登录
    
注册
    
购物车