Skip to main content

Como transformar o observable de json em datasource para Angular Material 2

Esta retornando normalmente do banco,mas quando ele passa pro datasource fica vazio

component

import { Component, OnInit} from '@angular/core';
import { Tcp } from '../tcp';
import { TcpService } from '../../services/tcp.service';
import { MatTableDataSource } from '@angular/material';
import { Subscription } from 'rxjs';



@Component({
  selector: 'app-tcp',
  templateUrl: './tcp.component.html'
})
export class TcpComponent implements OnInit {
    tcps:Tcp[]=[];
    private tcpSub:Subscription;
    public dataSource:MatTableDataSource<Tcp>;
    constructor(public tcpS: TcpService){
    }
  ngOnInit() {
    this.tcpS.getTcps();
    this.tcpSub = this.tcpS.getTcpUpdateListener().subscribe((tcps:Tcp[]) => {
      this.tcps = tcps;
      this.dataSource = new MatTableDataSource(this.tcps);
    });
  }
  displayedColumns: string[] = ['name', 'reg', 'lvl'];
  
  

  applyFilter(filterValue: string) {
    this.dataSource.filter = filterValue.trim().toLowerCase();
  }
}
export interface Tcp {
     nometcp:string;
     regtcp:Number;
     niveltcp:Number;
}

Quando inicia ate renderiza a tabela com a quantidade de registros inserir a descrição da imagem aqui

Kai
  • 151
  • 2
  • 16