Scribd
Upload
30 views11 pages

0 Grasp Angular SpringBoot

The document outlines the communication process between a front-end server and a back-end REST API server, highlighting the use of POST and GET requests. It provides a high-level plan for creating an Angular application, detailing the roles of components and services in managing data and UI interactions. Additionally, it emphasizes the importance of dependency injection for sharing service instances across components in Angular.

Uploaded by

Pratiksh Patel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
30 views11 pages

0 Grasp Angular SpringBoot

The document outlines the communication process between a front-end server and a back-end REST API server, highlighting the use of POST and GET requests. It provides a high-level plan for creating an Angular application, detailing the roles of components and services in managing data and UI interactions. Additionally, it emphasizes the importance of dependency injection for sharing service instances across components in Angular.

Uploaded by

Pratiksh Patel
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 11

How front end communicates with backend

FrontEnd server(running on browser) makes a post request to BackEnd Rest API server
BackEnd Rest API server makes a get request to FrontEnd Server(running on browser)
What to do/ high level plan
Note: angular components store page data & handle UI interactions
Note: angular services handles apps data processing via API Calls
ng new UIApp
cd UIApp
ng generate component form

Note: Angular singleton service( FormDataService ) is constructor dependency injected into


Angular component(FormComponent) means N angular components reuse the single angular
service instance
NOTE: FormComponent is registered as a bootstrap in Angular Module to reflect the point that
during Angular App startup the FormComponent object is inserted into DOM.
NOTE: FormDataService is registered as a provider in Angular Module to reflect the fact that we
want to make the FormDataService available for dependency injection through the Angular
App( FormDataService object is constructor dependency injected into FormComponent).
Another example (angular & spring boot)

You might also like