2016/9/22

今天完成的事：

1. 完成查看身份页面，法官台本页面，杀手杀人页面点击选中玩家改变样式功能。

明天计划的事：

1. 完成杀手杀人和黑夜解密页面。

今天遇到的问题：

1.将生成的数组用ng-repeat输出到html中时，发现并没有显示出来，在控制的错误提示里点击出现的链接，会跳到AngularJS的官网，出现一个解决办法，加上track by $index就能显示了，原因是因为数组里有重复的元素就要用track by $index。

2. function ctr($scope){

   $scope.test =“classname”;

}

<div class=”{{test}}”></div>

使用了这种方式来改变css的class达到改变样式的效果，但是这种方式貌似都不太推荐，更加倾向于Angular 提供的 ng-class 和 ng-style 标识符。

收获：

1. 用ng-repeat生成玩家身份，参数设置，法官台本，和杀手杀人页面都用了ng-repeat指令；

2. 流程页面，用ng-show完成具体流程的点击收放功能；

3. CSS类和样式，通过 {{}} 解析来进行数据绑定，从而能够动态地设置类和样式，查看身份页面图片的url切换地址用此方法实现；

4. 杀手选中玩家改变样式，设置ng-click 来完成选中哪一个玩家，设置 ng-class 的值为 {selected:$index==selectedRow}，当模型调用selectedRow 时将匹配 ng-repeat 的 $index，进而修改选中玩家的样式。

AngularJS -- CSS 样式

例子很容易懂，看完就明白了：

http://www.tuicool.com/articles/yEfaymE