search

ElemeFE / element-angular

Element for Angular
https://element-angular.faas.ele.me
MIT License
530 stars 121 forks source link

分页组建迷之bug #100

Closed Wait14 closed 6 years ago

Wait14 commented 6 years ago

Issue Type:

Version & Environment:

"element-angular": "^0.5.0-beta.6",

Description: html：

<el-pagination [total]="500"
               [layout]="['total','pager', 'next', 'prev','jumper']">
</el-pagination>
<br>
<el-pagination [layout]="['prev', 'pager', 'next']">
</el-pagination>
<br>
<el-pagination [total]="500"
               [page-size]="20"
               [layout]="['prev', 'pager', 'next', 'size']">
</el-pagination>

view: image

Wait14 commented 6 years ago

scss 和 ts 文件都没写东西,第二个无论我怎么调参数 都给我显示了全部。

Wait14 commented 6 years ago

已经解决了 ，谢谢饿了么团队 更新了下版本 之前是0.5，升级到最新版本了。应该就是 分页组建total值的问题 之前我的totalNum初始化是0，请求返回后才有数值.但是分页组件在服务返回值之前判断条数为0，直接给我把整个分页组件所有属性都展示了。。。 下面是我之前的抠脚写法 <div *ngIf="totalNum; else elseBlock"> <el-pagination [total] = "totalNum" [page-size]="prepage" [layout]="['prev','next','pager','jumper','total']" (modelChange)="handle($event)">

<ng-template #elseBlock> <el-pagination [total] = "1" [page-size]="prepage" [layout]="['prev','next','pager','jumper','total']" (modelChange)="handle($event)">