今天完成的事情：

task6:

1.阅读angularjs1.x的文档，初步理解，用angular作为基础框架

2.创建4个空白页，内含链接，实现4个页面之间的单页跳转

3.将其中一个空白页作为登录页

学习ngRoute和ui-router相关内容；

‍‍ngRoute ,angular内置封装，靠url改变去驱动视图.

ui-router，独立路由模块 ,靠状态 state 驱动视图.（可嵌套）‍‍

‍‍

ngRoute  和  ui-route 相比:

‍‍‍‍ngRoute‍‍  —>ui.router‍‍

$route       —>   $state

‍‍‍‍$routeParams      —>  $stateParams‍‍

$routeProvider      —>  $stateProvider

‍‍‍‍<div ng-view></div>      —>  <div ui-view></div>‍‍‍‍‍‍‍‍

......‍‍

基本配置：

ngRoute

 angular.module('routingDemoApp',['ngRoute'])

            .config(['$routeProvider', function($routeProvider){

                $routeProvider

                .when('/',{template:''})

                .when('/a',{template:''})

                .when('/b',{template:''})

                .otherwise({redirectTo:'/'});

            }]);

ui-router

angular.module('routingDemoApp',['ui.router'])

app.config(["$stateProvider", function ($stateProvider){       

    $stateProvider     

    .state("home", { 

        url: '/',    

        template:'<div>模板内容......</div>'

    })      

 }]);

明天计划的事情：

task7相关

遇到的问题：

在使用ngRoute时犯低级错误，注入时ngRoute写成ngRouter配置一直报错，浪费不少时间；

默认页设置为路由页将进入死循环；

收获：

路由设置，单页跳转