今天完成的事情：

1，完成路由的搭建

2，AngularJS的依赖注入方式：

a,简单注入：

myModule.controller('myCtrl',function($scope,Project){
})

或者

function myCtrl($scope,Project){};
myModule.controller('myCtrl', myCtrl);

当我们将项目发布到正式环境时都会压缩我们的代码，这时function的参数可能会变成a,b，这就会导致我们的代码出现问题，并且方式二会造成作用域的污染。

a,数组注释：

myModule.controller('myCtrl', ['$scope', 'Preject', function($scope, Project) {

}])

每一个依赖的参数值（字符串）都会以相同的顺序存放在一个数组里，数组的值与后面的function参数一一对应，这样即使压缩了也不会有什么问题。

c,显式注入：

function myCtrl($scope,Project){};
myCtrl.$inject = ['$scope', 'Project'];
myModule.controller('myCtrl', myCtrl);

设置一个依赖数组，数组内是依赖的服务名字，在函数参数中，可以随意设置参数名称，但是必须保证顺序的一致性。

3，ng-class的使用方法：

a,通过数据的双向绑定

function changeClass(){
    $scope.className = "change2";
}

<div class="{{className}}"></div>

此方法谨慎使用

b,模拟class

<div ng-class="'classname'"></div>

这种方法和用class效果一样

c,通过字符串数组的形式来改变

function changeClass(){
    $scope.className = true/false;
}

<div ng-class="{true:‘zhende‘,false:‘jiade‘}[className]"></div>

当className为真的时候class为zhende，相反则为jiade。只能在两个class之间切换。

d,通过key/value的方式

function changeClass(){
    $scope.lala = true;
}

<div ng-class="{‘selectClass‘:select,‘choiceClass‘:choice,‘haha‘:lala}"></div>

当lala为true的时候，class则为haha。

明天计划的事情：

写出列表页的静态页面

继续学习angularJS

准备小课堂

遇到的问题：

暂无

收获：

如上