应用中的一些小技巧！！！

1. 实现按钮开始到结束的变化方法：

   当点击开始的时候，使得开始隐藏，结束呈现：  ng-hide  与 ng-show  相结合

2  实现正在报名的活动底色为黄色
    %li(style={{List.status|status}})
    application.js : myModel.filter('status',function(){
      return function(status){
          if(status == 'started'){
             return "background:yellow " ; 
        }
      }
}

3  对相关按钮的设置：开始  结束  创建活动
    实现不可点击的灰色状态：
    在haml中设置 ng-disabled 与 ng-model 联合使用，设置同一变量，在函数中赋值即可。

4   实现报名人数在报名页面的实时更新 

    haml: %div(class="scrollable" )
            %ul#create_page_id(class="survey-list")        
              %li(style="font-family:arial;color:black;line-height:40px"
                 ng-repeat="person_name in person_names")
                   {{person_name.name}} {{person_name.phone}}
    
    controller:  $scope.data_refresh = function(){
         var person_number=JSON.parse(localStorage.getItem("person_names")) ||[];     
          $sign_up_number = person_number.length;                                                                       
         $scope.person_names=JSON.parse(localStorage.getItem("person_names"));          
    }


    Message.BM_refresh_list=function (){
    var create_page_id=document.getElementById("create_page_id");       
    if(create_page_id){
        var scope=angular.element(create_page_id).scope();       
            scope.$apply(function(){
            scope.data_refresh();
        })
    }
}