У меня неправильный номер на нумерации страниц .... но моя страница работает нормально - PullRequest
Новая
       25

У меня неправильный номер на нумерации страниц .... но моя страница работает нормально

0 голосов
/ 06 мая 2019

Я сейчас изучаю Angular.Я создал приложение на этом языке на коммерческой основе.Я сделал что-то не так, потому что у меня плохое количество страницК сожалению, я не знаю, где я допустил ошибку.Что я должен улучшить в своем коде?Пожалуйста, помогите.

enter image description here

Мой код: 

import { Component, OnInit } from '@angular/core';
import { CompanyService } from './../services/company.service';
import { NgbPaginationConfig } from '@ng-bootstrap/ng-bootstrap';
import { HttpClient, HttpErrorResponse } from '@angular/common/http';
import { IPage } from './../services/page';
import { Observable } from 'rxjs';
import { Router } from '@angular/router';
import { RouterModule, Routes } from '@angular/router';
import { ActivatedRoute } from "@angular/router";

@Component({
    selector: 'app-company-profile',
    templateUrl: './company-profile.component.html',
    styleUrls: ['./company-profile.component.css']
})
export class CompanyProfileComponent implements OnInit {
    public company = [];
    public errorMsg;

    page;
    numberOfPage;
    numberOfPageTMP;
    pageSize;
    private _url;

    constructor(private _companyService: CompanyService, config: NgbPaginationConfig, private http: HttpClient, private router: Router, private route: ActivatedRoute) {
        this.page = Number(this.route.snapshot.paramMap.get("page"))
        this.router.routeReuseStrategy.shouldReuseRoute = () => false;

    }

    ngOnInit() {

        this.page = Number(this.route.snapshot.paramMap.get("page"))

        this.getCompany2(this.page)
            .subscribe(data => {

                this.company = [data]
                this.numberOfPage = this.company[0].numberOfPage;
                this.pageSize = this.company[0].pageSize;

            },
            error => this.errorMsg = error);

    }



    pageChange(page) {

        this.router.navigate(['companies/' + page]);
           }

    url2(page) {
        //api/company?page=1&language=pl"
        return "http://localhost:4200/api/company?page=" + page + "&language=pl";
    }

    getCompany2(page): Observable<IPage> {
        return this.http.get<IPage>(this.url2(page));
    }
    errorHandler(error: HttpErrorResponse) {
        return Observable.throw(error.message || "Server Error");
    }

}

и HTML-код: 

<code> <ngb-pagination [collectionSize]="numberOfPage*10" [(page)]="page" [maxSize]="5" [rotate]="true" [boundaryLinks]="true" (pageChange)="pageChange(page)"></ngb-pagination>
      <pre>Current page: {{page}}
dsdsddsds: {{collectionSize}} dsdsddsds: {{company [0] .numberOfPage}} sru: {{numberOfPage}}

1 Ответ

0 голосов
/ 06 мая 2019

У вас ошибка типа. Должно быть использовано (pageChange)="pageChange($event)" - вы написали pageChange (page) -

Конец ответа. Но я предлагаю вам подписаться на paramMap, поэтому, если кто-то изменит URL в навигаторе, ваше приложение будет работать, см., Например, в этом stackblitz

Некоторые, как 

this.activateRouter.paramMap.pipe(
       //well we don't want the page
       switchMap((params: ParamMap)=>{
          this.page=+params.get('page');
          //we return the call of the service
          return this.dataService.getData(this.page)
     })).subscribe(data=>{
             this.company = [data]
             this.numberOfPage = this.company[0].numberOfPage;
             this.pageSize = this.company[0].pageSize;
     })
...