一、今天完成的事：

1.基本完成任务6，根据url路径后不同状态加载不同页面；

2.学习了ui-route的使用，实现单页面内加载不同的子页面；

3.完成home页的样式；

二、明天的计划：

1.查看任务7，学习资料，熟悉任务7；

三、遇到的问题：

1.对ui-route的使用不熟练，需要多加练习；

2.开始使用的ng-route实现不同页面的跳转，但是无法实现一个子页面的跳转，更改ui-route后正常；

四、收获：

1、ui-route的使用：

var myApp = angular.module("userApp", ['ui.router']);
myApp.config(function ($stateProvider, $urlRouterProvider) {
    $urlRouterProvider.otherwise("/login");
    $stateProvider
        .state("login", {
            url: "/login",
            templateUrl: "html/login.html",
            controller:"myCtrl"
        })
        .state("home", {
            url:"/home",
            templateUrl: "html/home.html"
        })
        .state("home.welcome", {
            //使用点“.“号进行了分隔. 这里很关键，它会告诉路由引擎我们在这里定义的是子页面
            url:"/welcome",
            templateUrl: "html/welcome.html"
        })
        .state("home.add", {
            url:"/add",
            templateUrl: "html/add.html"
        })
        .state("home.bam", {
            url:"/bam",
            templateUrl: "html/bam.html"
        })
        .state("home.Article", {
            url:"/Article",
            templateUrl: "html/Article.html"
    });

});

2、需要根据ui-sref来对应跳转页面：

<li class="active"><a ui-sref=".welcome">Welcome</a></li>
<li><a ui-sref=".Article">Article列表</a></li>
<li><a ui-sref=".bam">后台管理</a></li>