对第三张卡片中的功能实现要点和注意的细节！

本文链接：https://blog.youkuaiyun.com/u012986638/article/details/17455519

本文介绍了一个基于AngularJS的竞价系统前端实现细节，包括如何通过不同的样式显示竞价状态、实现列表点击事件来展示详细信息、利用本地存储进行数据绑定以及通过函数判断竞价是否重复。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

(1) %li(ng-repeat="bid_list in bid_lists" style="{{bid_list.status|status}} ; height:42px;" ng_tap="bid_sign_up_detail(bid_list.name)")

解析：
（1）style="{{bid_list.status|status}} 与 application.js 中的filter功能函数相结合！
用于实现正在竞价的底色为黄色
（2）ng_tap="bid_sign_up_detail(bid_list.name)")
实现click列表中的具体信息，注意要传递bid_list.name，否者找不到相应的信息。

(2) %header#create_page_id_bid
竞价报名
%span {{bid_sign_up_number}}人

解析：
（1）#create_page_id_bid
创建id，用于实现报名页面的内容刷新
（2）%span {{bid_sign_up_number}}人
绑定数据，用于统计报名的人数，只需将对应的人数赋值即可。
（3）{{$index+1}} 实现页面的顺序列表

(3)通过报名phone找到name
function get_bid_people_name(phone){
var now_activity_person = JSON.parse(localStorage.getItem('now_activity'))['activity_person'];
for(var i = 0; i<now_activity_person.length; i++){
if(phone == now_activity_person[i].phone){
return now_activity_person[i].name
}
}
console.log("对不起，您没有报名此活动！");
return false;
}

(4)判断在有报名时才判断竞价重复！
if(get_bid_running().status=='started')
{
if(!get_bid_people_name(phone)){
return;
}
if (judge_bid_repeat_message(json_message,price)){
console.log("恭喜，竞价成功！");
}
}