AngularJs路由

AngularJs路由-route

1.AngularJs路由-route？

ng路由是AngularJS官方提供的一种简单的路由操作。

2.AngularJs路由-route的作用？

在单页面中实现不同页面的切换。

3.AngularJs路由-route的应用

ng路由主要分三个组成部分：

路由指令、路由服务、路由服务提供者

路由指令：ngView指令主要用于将路由指向的页面渲染到当前页面的布局中。

路由服务提供者：内置服务对象$routeProvider主要用于进行路由配置。

该服务的使用必须依赖ngRoute模块，也就是项目中必须添加angular-route.js。

使用：

when(path, route);用于在访问path路径时，跳转到route指定的视图

|-- path：路由跳转的路径

|-- route：路由对象<组件对象>，一个JSON对象

otherwise(params);用于在访问不存在的路径时，跳转的默认路径或者视图

|-- params：指定路径或者路由对象

例：

<ul>    <li><a href="#!/">首页</a></li>    <li><a href="#!/login">登录</a></li>    <li><a href="#!/regist">注册</a></li>    <li><a href="#!/shopcart">购物车</a></li></ul><!-- 指定显示模板的位置 --><div ng-view></div><script>    var app = angular.module("myApp", ["ngRoute"]);       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("/");    }]);</script>