当点击开始的时候,使得开始隐藏,结束呈现: 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();
})
}
}