今天完成的事情：

整理项目的一些bug，样式问题。

明天的计划：

整理萝卜多项目，准备demo。开始任务11.

遇到的问题：

1 写了一个轮播指令，但是并不生效：

原因：restrict。restrict参数是用来规定你可以通过哪种方式来使用指令。restrict的默认值是A，也就是说，默认情况下，指令只能通过属性的形式使用。

默认情况下只能用这样的形式使用它：<div app-header></div>，

而<app-header></app-header>的形式则是无效的。

所以，如果用返回函数的形式使用指令，那么你就只能使用属性的方式调用它，比如：

yourModule.directive('appHeader', function() {

  return function(scope, element, attrs) {

    element.text('hello');

  }

});

如果要使用元素的方式使用指令，那么就要这样写：

yourModule.directive('appHeader', function() {

  return {

    restrict: 'E', // 或'EA'等都可以，几种形式可以任意组合

    link: function(scope, element, attrs) {

      element.text('hello');

    }

  }

});

收获：

一个页面使用同一个ui-bootstrap轮播插件，制作多张效果不同的轮播图，并解决其冲突