Esta é a web api:
[Route("{pagina:int}/{tamanhoPagina:int}")]
[HttpGet]
public IHttpActionResult UsuarioPaginado(int pagina = 1, int tamanhoPagina=10)
{
var _aluno = iAluno.Listar()
.Where(x => x.Nome != string.Empty)
.OrderBy(y => y.Nome).Skip(tamanhoPagina * (pagina - 1)).Take(tamanhoPagina);
return Ok(_aluno);
}
Como fazer na minha aplicação Angular saber quando é a página 2 ou página 3 ou 4 e assim por diante?
Abaixo está o formulário e o usuário precisa navegar para a Próxima ou Anterior:
A classe abaixo é a Service onde faço a requisição da Web Api:
@Injectable({
providedIn: 'root'
})
export class UsuarioService {
constructor(private http: HttpClient) { }
getListaUsuarios(): Observable<Usuario[]> {
const url = `${environment.apiUrl}`;
return this.http.get<Usuario[]>(url);
}
getListaAlunoPaginado(pagina: number, tamanhoPagina: number): Observable<Usuario[]> {
const url = `${environment.apiUrl}/${pagina}/${tamanhoPagina}`;
return this.http.get<Usuario[]>(url)
}
}
E está é a classe do Componente:
Obs.: no trecho do código onde this.pagina = 1 o valor está fixo e não pode, tem que ser um valor dinâmico conforme o usuário vai clicando em avançar e ai está minha dúvida: Como implementar esse valor dinâmico ?
export class ListarUsuarioComponent implements OnInit {
public usuarios: Usuario[];
public pagina: number;
public tamanhoPagina: number;
constructor(private usuarioService: UsuarioService) { }
ngOnInit() {
this.getListaAlunoPaginado(1,10);
}
getListaAlunoPaginado(pagina: number, tamanhoPagina: number) {
this.usuarioService.getListaAlunoPaginado(pagina, tamanhoPagina)
.subscribe((dados: Usuario[]) => {
this.usuarios = dados,
this.pagina = 1, <<--Aqui o valor está fixo, mas tem que ser um valor dinâmico conforme o usuário vai Clicando em Próximo.
this.tamanhoPagina = 10;
}, () => { 'Erro'; });
}
}