Estoy intentando mapear y filtrar un JSON dentro de un componente pero no lo he logrado, desde el servicio "data.services.ts" no tuve problema, pero al llevar los datos al componente "tab1.page.ts" me no pude, lo habitual que hago es usar:

 .pipe( map((res: any) => { return res }) );

Tab1.página.ts

 import { Component, OnInit } from '@angular/core'; import { DataService } from '../services/data.services'; import { map } from "rxjs/operators"; import { filter } from "rxjs/operators"; @Component({ selector: 'app-tab1', templateUrl: 'tab1.page.html', styleUrls: ['tab1.page.scss'] }) export class Tab1Page implements OnInit { items = [] constructor(private dataService: DataService) {} ngOnInit(): void { this.dataService.getRemoteData().subscribe(data=> { this.items = data }) } }

servicios.de.datos.ts

 import { Injectable, Input } from "@angular/core"; import { HttpClient } from "@angular/common/http"; import { map } from "rxjs/operators"; import { filter } from "rxjs/operators"; @Injectable({ providedIn: "root" }) export class DataService { constructor(private http: HttpClient) {} getRemoteData() { return this.http .get("https://api") .pipe( map((res: any) => { return res.prosugApi }) ); } }

Lo estoy intentando:

 export class Tab1Page implements OnInit { items = [] constructor(private dataService: DataService) {} ngOnInit(): void { this.dataService.getRemoteData().subscribe(data=> { this.items = data return this.items.filter((filter1) => { return filter1.sublinea == "SOFA" }) }); } }

Pero no he tenido suerte.