其实是任务12，但是手机只能占11的坑。

今天完成的事情：

萝卜多前台的关于我们联系我们静态及功能的实现。

明天的计划：

angular指令一直不是很熟练，接着写轮播图指令。

遇到的问题；

1 ui-Bootstrap---tabs控件的学习和使用：

主要代码：

<uib-tabset active="activePill" vertical="true" type="pills">
    <uib-tab index="0" select="showAboutUs()" classes="about-contact">
        <uib-tab-heading>
            <span class="glyphicon glyphicon-user"></span>
            <span>关于我们</span>
        </uib-tab-heading>
    </uib-tab>
    <uib-tab index="1" select="showContactUs()" classes="about-contact">
        <uib-tab-heading>
            <span class="glyphicon glyphicon-phone-alt"></span>
            <span>联系我们</span>
        </uib-tab-heading>
    </uib-tab>
</uib-tabset>

一些设置项的使用；

type  标签页的类型。可设置为tabs或pills;

classes  可添加用空格分隔的类名;

disable  是否禁用;

heading  标签页标题的文本;

如果面板的标题是简单的文本，使用heading属性就足够了。如果是复杂的内容，比如有图标，那么可以使用uib-tab-heading。

select 标签页选中时触发的函数。支持传入事件对象参数$event，并且可以用$event.preventDefault()取消操作。

通过点击不同的选项卡，可切换到不同的内容，但是ui-bootstrap并没有找到是怎么写这个指令的，使用它的例子会带上很多默认样式，所以对于其进行改造比较麻烦。虽然学会了如何使用，但放弃了使用这个控件，手动函数配合ng-show展示更方便可控。

收获：

angular for each的学习使用。

var objs =[{a:1},{a:2}];

angular.forEach(objs, function(data,index,array){

//data等价于array[index]

console.log(data.a+'='+array[index].a);

});

参数如下：

objs：需要遍历的集合

data:遍历时当前的数据

index:遍历时当前索引

array:需要遍历的集合，每次遍历时都会把objs原样的传一次。