Soy bastante nuevo en Angular y estoy tratando de obtener solo ciertos valores del objeto de respuesta Http.

En mi servicio, estoy haciendo una solicitud de obtención para obtener datos meteorológicos para una ciudad determinada de la siguiente manera:

 export class CityService { private baseUrl = 'https://api.openweathermap.org'; constructor(private http: HttpClient) { } getCity(name: string){ return this.http.get(`${this.baseUrl}/data/2.5/weather?q=${name}&appid=${environment.weatherApiKey}`); } }

Ahora, en el componente, cierro la sesión de la respuesta así:

 ngOnInit(): void { this.cityService.getCity('lucija').subscribe(data => { console.log(data) }); }

La respuesta en sí es solo un objeto con muchos campos (también anidados), que la mayoría de ellos no necesito.

También configuré una interfaz en la que me gustaría "guardar" en ciertos campos de respuesta:

 export interface City { name: string; description: string; icon: string; main: object; search: string; }

¿Cómo puedo hacer eso? ¡Salud!

EDITAR: según la respuesta a continuación, obtuve 2 errores, que resolví así:

 getCity(name: string): Observable<City>{ return this.http.get(`${this.baseUrl}/data/2.5/weather?q=${name}&appid=${environment.weatherApiKey}`) .pipe(map((res: any) => <City>{ name: res.name, description: res.weather[0].description, icon: `http://openweathermap.org/img/w/${res.weather[0].icon}.png`, main: res.main, search: name }));