你们好，最近小活发现有诸多的小伙伴们对于java框架之间的区别，java框架这个问题都颇为感兴趣的，今天小活为大家梳理了下，一起往下看看吧。
1、js获取数据
2、investService.getNewStacksList().success(function(response){
3、 if(response.op.code == "Y"){
4、 var tempInfomationList = [];
5、 angular.forEach(response.list,function(newstack){
6、 tempInfomationList.push(newstack);
7、 });
8、 $scope.col = "sub_bgn_dt_on"; //默认按sub_bgn_dt_on字段排序
9、 $scope.newstackslist = tempInfomationList;
10、 }
11、 $scope.$apply();
12、 });
13、2、定义一个filter，以便前端的html使用
14、angular.module("gp").filter("newstacksFilter",function(){
15、return function(newstackslist,s_val){
16、var tempInfomationList = [];
17、angular.forEach(newstackslist,function(newstackInfo){
18、if(s_val!=null && s_val!=""){
19、if((newstackInfo.trd_code).indexOf(s_val)>=0
20、 || (newstackInfo.secu_sht).indexOf(s_val)>=0){
21、tempInfomationList.push(newstackInfo);
22、}
23、}else{
24、tempInfomationList = newstackslist;
25、}
26、});
27、return tempInfomationList;
28、}
29、})
30、2、html部分代码
31、 <div class="newxg-table">
32、 <table style="width:99%">
33、 <thead>
34、 <tr>
35、 <th ng-click="col='trd_code';desc=!desc"><a>股票代码</a></th>
36、 <th ng-click="col='secu_sht';desc=!desc"><a>股票名称</a></th>
37、 <th ng-click="col='sub_code';desc=!desc"><a>申购<br/>代码</a></th>
38、 <th ng-click="col='act_iss_shr1';desc=!desc"><a>发行<br/>总数<br/>(万股)</a></th>
39、 <th ng-click="col='act_iss_shr_on';desc=!desc"><a>网上<br/>发行<br/>(万股)</a></th>
40、 <th ng-click="col='sub_shr_max_on';desc=!desc"><a>申购<br/>上限<br/>(万股)</a></th>
41、 <th ng-click="col='sub_shr_max_on1';desc=!desc"><a>申购资<br/>金上限<br/>(万元)</a></th>
42、 <th ng-click="col='iss_prc';desc=!desc"><a>发行<br/>价格</a></th>
43、 <th ng-click="col='cls_prc';desc=!desc"><a>最新价</th>
44、 <th ng-click="col='sub_bgn_dt_on';desc=!desc"><a>申购<br/>日期</a></th>
45、 </tr>
46、 </thead>
47、 <tbody>
48、 <tr ng-repeat="stack in newstackslist | newstacksFilter:s_val | orderBy:col:!desc">
49、 <td ng-bind="stack.trd_code"></td>
50、 <td ng-bind="stack.secu_sht"></td>
51、 <td ng-bind="stack.sub_code"></td>
52、 <td ng-bind="stack.act_iss_shr1"></td>
53、 <td ng-bind="stack.act_iss_shr_on"></td>
54、 <td ng-bind="stack.sub_shr_max_on"></td>
55、 <td align=right ng-bind="stack.sub_shr_max_on1 | number:3 "></td>
56、 <td align=right ng-bind="stack.iss_prc? (stack.iss_prc | number:2 ): ''"></td>
57、 <td align=right ng-bind="stack.cls_prc? (stack.cls_prc | number:2 ): ''"></td>
58、 <td ng-bind="stack.sub_bgn_dt_on | date:'MM-dd'"></td>
59、 </tr>
60、 </tbody>
61、 </table>
62、 </div>
63、最后效果图：
64、注：点击表头文字链可进行排序。如：点击“发行价格”按发行价格排序
以上就是java框架这篇文章的一些介绍，希望对大家有所帮助。
标签：
免责声明：本文由用户上传，如有侵权请联系删除！