AngularJS项目实战(总结)

AngularJS实战中

*.html部分

<label>搜索：</label>

<input type="search"  ng-model="filter.any"/>

 <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>
                                                 </tr>
                                            </tbody>
                                        </table>

// ng-model 绑定filter.any(在ng-repeat中直接使用filter: filter.any，在对应的input框中输入循环中查找到的相应的属性名，即可找出对应信息)

//ng-click='sortByType("regSerial")'>病人信息</td>属性名regSerial为是实体类中的一个属性名，该功能为点击病人信息，根据regSerial（病人就诊时间升序）

 *.JS部分

// 排序

$scope.sort='regSerial';
$scope.asc=false;
$scope.sortByType=function(type){
$scope.sort=type;
$scope.asc=!$scope.asc;
}