day03_首页展示

最新推荐文章于 2025-08-05 23:10:09 发布

weixin_42333583

最新推荐文章于 2025-08-05 23:10:09 发布

阅读量147

点赞数

CC 4.0 BY-SA版权

分类专栏：品优购项目day03

本文链接：https://blog.youkuaiyun.com/weixin_42333583/article/details/82321142

品优购同时被 2 个专栏收录

29 篇文章

订阅专栏

项目day03

5 篇文章

订阅专栏

本文探讨了网页中分页机制的工作原理，特别是在刷新页面时如何立即显示数据。通过使用AngularJS及其分页插件，文章详细介绍了如何配置前端控制器和服务以实现数据的即时加载与展示。

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

为什么一刷新页面就会出现结果
因为里面有分页,分页里面在basecontroller中是一个属性,页面加载后必定执行,触发,所以相当于执行了onchange,然后执行relod重载方法,,reload重载方法又调用了search方法
展示页面数据功能
修改type_template.html ，引入JS
<script type="text/javascript" src="../plugins/angularjs/angular.min.js"> </script>
<script src="../plugins/angularjs/pagination.js"></script>
<link rel="stylesheet" href="../plugins/angularjs/pagination.css">

放置分页插件
<tm-pagination conf="paginationConf"></tm-pagination>

//在body中放置指令
<body class="hold-transition skin-red sidebar-mini" ng-app="pyg" ng-controller="typeTemplateController" >

页面循环展示
<tr ng-repeat="entity in list">
       <td><input type="checkbox"></td>
       <td>{{entity.id}}</td>
       <td>{{entity.name}}</td>
       <td>{{entity.brandIds}}</td>
       <td>{{entity.specIds}}</td>
       <td class="text-center">
   <button type="button" class="btn bg-olive btn-xs" data-toggle="modal" data-target="#editModal" >修改</button>
       </td>
</tr>