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.