0

estoy tratando de filtrar a todos los usuarios activos en un componente de angular, utilizando un servicio, cargo toda la data pero no se como filtrarla.

Este es mi componente

import { Component, OnInit } from '@angular/core';
import { UsuariosService } from '../../services/services.index';
import { Usuario } from 'src/app/models/usuario';

@Component({
  selector: 'app-admin-panel',
  templateUrl: './admin-panel.component.html',
  styleUrls: ['./admin-panel.component.css']
})
export class AdminPanelComponent implements OnInit {


  usuariosData: Usuario[] = [];
  total: number;
  total_activos: Usuario[] = [];

  constructor(private usuario: UsuariosService) { }

  ngOnInit(): void {
    this.getAllusers();
  }


  // optiene todos los usuarios
  getAllusers() {
    this.usuario.getAllUsers().subscribe((data: any) => {
      this.usuariosData = data.usuarios;
      this.total = this.usuariosData.length;
      this.total_activos = this.usuariosData.filter(activos => usuario.estado ==1  )

    });
  }   

}

En esa API el estado activo es un 1 he inactivo un 0.

¿Podrían Ayudarme?

1

1 respuesta 1

2

Cambia la palabra activo por usuario

this.total_activos = this.usuariosData.filter(usuario => usuario.estado ==1  )

Recuerda que filter recorre un array y a cada elemento de ese array tu le asignas un nombre en este caso usuario tu lo tenias como activo.

Suerte :)

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.