如何在angular6中进行分页

时间:2018-08-29 14:30:59

标签: angular6

使用此类api / abc / questions之类的网址?page = 1,如何通过单击next和prev按钮来增加和减少。

如何通过单击按钮来增加每个页面的编号(例如url(page = 1or2or3等)),页面会相应刷新

当我调用组件时

这是组件文件

ngOnInit() {

    this.getAll = [];
    this.header = {
     Authorization: 'token=0XXxrKfkPa7aOwnzczcdcdvddcxs-AUpXw'
    }

   this.http.getAllData(this.page,this.header).subscribe(
       data=>{
         this.getdata = data;
         console.log(data);

       },
       error=>{
          console.log("error occured");
          console.log(error.errorMessege);
       }
   )

  }

这是我的服务模块代码

public getAllData(page:Number,header){
    const httpheader = { headers: new HttpHeaders(header) }
    return this._http.get<any>(this.baseUrl+'/api/abc/questions?page='+page, httpheader);
  }

0 个答案:

没有答案