AngularJs学习小计。。。。。-原创手记-慕课网

就我使用过的angularJS做个说明：

A、流程<个人感觉>

                                                                                |-->controller($scope)           

url-->启动app.js[入口]-->路由[可以作为前端控制器]|-->分支[模板HTML]-->浏览器

B、细节使用说明：

1、ng-style 多个属性--值对，html页面中可以引用$scope绑定的数据

<div ng-style="{'width':item.autoRateAdd}">

2、ng-class 多个className--True？展示为true的class

<td ng-class="{redBar:item.totalStatus==='red',yellowBar:item.totalStatus==='yellow',

            greenBar:item.totalStatus==='green'}">

3、ng-if <a为$scope中变量> a等于几就显示第几个div

<div ng-if="a==='1'" >1</div>

<div ng-if="a==='2'">2</div>

<div ng-if="a==='3'">3</div>

4、过滤器

{{currentDate | date:'yyyy年MM月dd日'}} 自带过滤器 前面是过滤器名后面是参数

{{item.actionTime | bbitStatus}} 自定义过滤器 怎么写的可以baidu的到

5、ng-change 实现分页

<select ng-change="changeSize(size)" ng-model="size" ng-options="size.value for size in 

     sizeList">

                <option value="">-请选择-</option>

</select>                //将size绑定到 scope中

controller中：

    $scope.sizeList=[

                        {value:10},

                        {value:20},

                        {value:50},

                        {value:100},

                        {value:150}

                        ];

触发切换条数的函数： //ajax

    $scope.changeSize=function(size)

        {

            $http.get("BigDataResourceData/"+size.value).success(function(data,status,headers,config){

                $scope.BigDataResourceDataList=data.list;

                $scope.allPages=data.allPages;

                $scope.currentPage=1;

            });

        };

模块名.filter('filterName',function(){})

还有其他接触过一些路由、ui-view、结合requireJS、fullpage技术之类的(高手写的)，而且我也不太懂。这里

我也不做说明。。。。

5、另外这是很棒的一本学习指导书

http://wenku.baidu.com/view/6a3eca77cfc789eb172dc899.html