angular6 实现前台分页

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() {