AngularJS项目实战(总结)

最新推荐文章于 2025-05-12 10:23:07 发布

原创

最新推荐文章于 2025-05-12 10:23:07 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#java #angularjs #过滤 #判断 #循环

本文详细介绍了AngularJS实战中的关键功能，包括HTML部分的ng-model和ng-click用法，以及JS部分的排序、判断和事件处理。通过ng-repeat结合filter: filter.any实现动态过滤，ng-click结合sortByType进行排序。文章还展示了AngularJS中如何进行条件判断，如使用三目运算符和ng-if，并给出了传递多个参数和方法的ng-click示例。此外，还讨论了改变表格行背景色的技巧和表格嵌套的布局方式。

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

AngularJS实战中

*.html部分

<table class="table gray_table table-striped table-hover">
<thead>
<tr>
<td>序号</td>
<td class="big" ng-click='sortByType("regSerial")'>病人信息</td>
<td class="big">手册号/病案号</td>
<td class="mid">就诊类别</td>
<td class="large">挂号时间</td>
<td class="large">接诊时间</td>
<td class="big">接诊医生</td>
</tr>
</thead>
<tbody ng-repeat="regInfo in registerInfoListByName| filter: filter.any|orderBy:sort:asc" >
<tr>
<td>{ {$index+1}}</td>
<td class="user_td">{ {regInfo.patientName}} { {regInfo.genderName}} { {regInfo.age}}岁
<a class="jz_btn" ng-click="orderBypatiID(regInfo.patiId)" >接诊</a>
</td>
<td>{ {regInfo.anamNo?'病':'门'}} { {regInfo.anamNo?regInfo.anamNo:regInfo.patiNo}}</td>
<td>{ {regInfo.regTypeName}}</td>
<td>{ {regInfo.regDate|date:'yyyy-MM-dd HH:mm:ss'}}</td>
<td></td>
<td></td>
&nbs