How to return json object from link url angular 7?

I need to return json object from url

so my question How to write service and calling this service on component ngoninit event

I actually need to return object from this url

so that How to write service and How to calling on component ngoninit event

create service calling this link http://xxx.xxx.4.xxx:9200/pcn/_search

and on component.ts ngoninit how to call it .

{
//How to call service and return data on variable
}data returned as following
{"_index": "partsdb",
"_type": "_doc",
"_id": "10",
"_version": 32,
"_seq_no": 115683922,
"_primary_term": 2,
"found": true,
"_source": {
"PID": 10,
"CID": 1005070,
"CN": "Texas Instruments Incorporated",
"PN": "THS6002CDWP",
"Eq": "Driver, Receiver and Transceiver Interface Transceiver 2 2 20HSOIC Tube",
"FID": 4,
"FN": "THS6002",
"PaID": 5260,
"PaN": "20-HSOIC",
"PLID": 523842,
"PLN": "Driver, Receiver and Transceiver Interfaces",
"PLC": "Active",
"PIDT": 2007,
"ObY": 2024,
"NPI": false,
"FT": "THS6002 Dual Differential Line Driver/Receiver",
"DS": "277399925",
"FIDT": 1998,
"LCRev": 20777025,
"Masked_ID": 6012356,
"Compliance": [
{
"RS": "Compliant",
"RET": "None",
"RV": "2015/863",
"RST": "Datasheet",
"CRS": "Compliant",
"HTS": "Compliant",
"RES": "Compliant",
"RESV": "JUL 2019 (201)",
"PNDR": 49416942,
"RHV": 963041,
"RECV": 273158534,
"HFR": 49416942
}
],
"PartScore": [
{
"LCS": 46,
"MS": 15,
"RS": 11,
"SS": 5,
"CS": 0,
"S": 80,
"PRSID": 3,
"PAS": 5,
"FC": 0,
"CEL": 5,
"LTS": 3,
"FOD": "",
"IsMultiPackage": true,
"IsSolePackage": false,
"NumberOfAssembly": 1,
"NumberOfFab": 0,
"NumberOfFactory": 0,
"PackageUsage": 2,
"TechnologyStage": ""
}
],
"Manufacturing": [
{
"LFP": "NiPdAu",
"R": 10792132,
"MSL": "2",
"MSLR": 10792132,
"BM": "Cu",
"MRT": "260°C",
"MRTR": 10792132,
"MVT": "N/A",
"MVTR": 277399925,
"RST": "30",
"WST": "N/A",
"NOR": "3"
}
],
"Package": [
{
"LS": "Gull Wing",
"CPN": "20-HSOIC",
"NPN": "20-SOIC (0.295\", 7.50mm Width) Exposed Pad",
"PC": "20",
"MT": "Surface Mount",
"PPM": "1.27",
"JEDEC": "",
"D": "12.82 x 7.52 x 2.65",
"A": 96.406,
"T": 2.650,
"MXbdLn": "12.95",
"MxBdW": "7.59",
"MXbdH": "2.5",
"MXbdD": "N/R"
}

Create Service

import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs/operators';
import { environment } from '../../environments/environment';
import { BehaviorSubject, Observable } from 'rxjs';
import { HttpHeaders } from '@angular/common/http';
@Injectable({
providedIn: 'root'
})
export class SearchService {
constructor(private http: HttpClient) { }
getCompanyAndDepartments() {
return this.http.get('http://xxx.xxx.4.xxx:9200/pcn/_search');
}

Call method from component

constructor(
private searchService: SearchService
) { }
ngOnInit() {
getMultipleLocationsList();
}
getMultipleLocationsList() {
this.searchService.getItemCostLocationsList(this.commonMethods.getCompanyAndDepartments()).subscribe(data => {
this.multipleLocationArrayList = data;
});
}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Ramachandran M6y ago
Accepted answer
Create Service
import { Injectable } from '@angular/core';
import { HttpClient } from '@angular/common/http';
import { map } from 'rxjs/operators';
import { environment } from '../../environments/environment';
import { BehaviorSubject, Observable } from 'rxjs';
import { HttpHeaders } from '@angular/common/http';

@Injectable({
providedIn: 'root'
})
export class SearchService {

constructor(private http: HttpClient) { }

getCompanyAndDepartments() {
return this.http.get('http://xxx.xxx.4.xxx:9200/pcn/_search');
}
Call method from component
constructor(
private searchService: SearchService
) { }
ngOnInit() {
getMultipleLocationsList();
}
getMultipleLocationsList() {
this.searchService.getItemCostLocationsList(this.commonMethods.getCompanyAndDepartments()).subscribe(data => {
this.multipleLocationArrayList = data;
});
}