Full Stack Development with JHipster

Angular services for the entity

The ProductService is an Angular service that interacts with our REST endpoints and created in product.service.ts:

@Injectable()export class ProductService {    private resourceUrl = SERVER_API_URL + 'api/products';    constructor(private http: HttpClient) { }    ...    query(req?: any): Observable<HttpResponse<Product[]>> {        const options = createRequestOption(req);        return this.http.get<Product[]>(            this.resourceUrl,             { params: options, observe: 'response' }        )        .map((res: HttpResponse<Product[]>) => this.convertArrayResponse(res));    }    ...}

As you can see, the service has a constructor with dependencies injected following a similar pattern as our server-side code. There are methods mapping all the CRUD actions to the backend ...