Skip to content

This repo is to explains Angular signals and real time examples how to create and update signals, use effects, convert from observable and create computed values. It includes the angular signal demo with multiple scenario...

Notifications You must be signed in to change notification settings

sonusindhu/angular-signals-examples

Repository files navigation

Angular Signals Examples(Angular signals demos)

This repo is explains to Angular signals and real time examples how to create and update signals, use effects, convert from observable and create computed values.

View Live at Netlify App URL

Examples

  1. Count Increment/Decrement Example 1
  2. Auto increment count Example 2
  3. Update name using the input Example 3
  4. computed signals Example 4
  5. Todo List Example 5
  6. input with ngModel Example 6
  7. converts an observable to a signal Example 7
  8. use signal with side effects Example 8
  9. Simple VAT calculator with angular signals Example 9
  10. List of products and searching with angular signals Example 10
  11. with input signals Example 11
  12. untracked signal Example 12
  13. My Cart(Add/Remove Product) Example 13
  14. Products - Virtual scroll Example 14
  15. show/hide a loading spinner Example 15
  16. Read Only Signals - .asReadonly() Example 16

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive|pipe|service|class|guard|interface|enum|module.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/ directory.

Running unit tests

Run ng test to execute the unit tests via Karma.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via a platform of your choice. To use this command, you need to first add a package that implements end-to-end testing capabilities.

Further help

To get more help on the Angular CLI use ng help or go check out the Angular CLI Overview and Command Reference page.

About

This repo is to explains Angular signals and real time examples how to create and update signals, use effects, convert from observable and create computed values. It includes the angular signal demo with multiple scenario...

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published