Angular 18
Angular 18
Angular Is Front end library built using JavaScript Developed and maintained by google
“Angular is popular open source framework for building web applications”
Angular Follows MVC architecture
TypeScript is superset of javascript
SPA stands for Single Page Application
SPA increases user experience
Angular helps us to create SPA (“Single Page Application”)
Angular CLI is command line interface that is used to initialize develop and maintain angular
application from command shell
Angular Features:
o Two-Way data Binding (Syncs data between model and view)
o Dependency Injection
o Routing And Navigation
o Templating
ng-serve is used to build and run of angular application(ng=”next generation”)
Angular Components:
o Angular is Component based Front-end framework
o Component is combination of data, HTML Template and logic loaded inside browser
o Component is encapsulation of view and behaviour of our angular application
o Components consist of
Template: The template defines the structure and appearance of the components UI.It
uses HTML along with angular specific syntax
Class: The class contains components logic and data it is usually written in typescript
Components life cycle hooks:
o Constructor=================> Constructor is Running
o OnChanges==================> ngOnChanges()
o OnInit======================>ngOnInit()
o OnChanges==================>ngOnChanges()
o OnDestroy ==================>ngOnDestroy()
Angular Services:
o Angular Services are reusable injectable classes that provide functionality and data to the
component through out the application
o Services are responsible for fetching the data from the API and sharing the data from one
component to another component
o ng generate service service-name;