angular6 实现前台分页(纯js,无样式)
import {
Component, OnInit } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {
//假数据
tableList = [
{
name: '123', price: 120, num: 3 },
{
name: '123', price: 120, num: 3 },
{
name: '123', price: 120, num: 3 },
{
name: '123', price: 120, num: 3 },
{
name: '123', price: 120, num: 3 },
{
name: '123', price: 120, num: 3 }
];
tablePageList = []; //分页后前台显示数据
pageNo = 1; //当前页码
preShow = false; //上一页
nextShow = true; //下一页
pageSize = 5; //单页显示数
totalCount = 0; //总页数
pageSizes = [5, 10, 15];
curPage = 1; //当前页
ngOnInit() {