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

6、$scope中绑定数据 最好使用对象 或者数组   我之前用的是updating这一个变量  ，但是当updating!=1的时候  input却隐藏不了