I am currently working with Angular 15 and ASP.NET Core 5. The backend retrieves paged items based on the parameters pageSize and pageIndex.
Once the action method receives the pageSize and pageIndex parameters, it sends both the paged items and the totalCount to the frontend.
Below is the corresponding code snippet:
[HttpGet("getPagedCommodities")]
public async Task<IActionResult> GetPagedCommodities([FromQuery] PagingParameters pagingParameters)
{
try
{
var commodities = await _repository.Commodity.GetAllCommoditiesAsync();
var totalCount = commodities.Count();
var pagedCommodities = await _repository.Commodity.GetPagedCommoditiesAsync(pagingParameters);
Response.Headers.Add("X-Pagination", JsonConvert.SerializeObject(totalCount));
return Ok(pagedCommodities);
}
catch
{
return StatusCode(500, "Internal server error");
}
}
Here is the method in the frontend responsible for fetching the paged items:
getPagedCommodities(pageSize: number, pageNumber: number): Observable<CommodityForList[]> {
let params: HttpParams = new HttpParams();
params = params.append('pageSize', pageSize);
params = params.append('pageNumber', pageNumber);
let httpOptions = {
params: params
};
return this.http.get<CommodityForList[]>(this.baseUrl + '/getPagedCommodities/', httpOptions);
}
Is there a way to retrieve the value of the totalCount HTTP header parameter sent from the server?
Thank you for your assistance.