- App using Angular signals and the Angular Material design component library to display and add items to a list.
- Note: to open web links in a new window use: ctrl+click on link
- Angular Material list of robots, showing name, work area & code
-
Install dependencies using
npm i -
Run
ng servefor a dev server. Navigate tohttp://localhost:4200/. The app will automatically reload if you change any of the source files. -
Run
ng buildto build the project. The build artifacts will be stored in thedist/directory.
- functions from
robots.service.tsto add qnd delete robots
addRobot(newRobot: Robot): void { setTimeout(() => { this.robots.update((robots) => [newRobot, ...robots]); this.router.navigate(['/']); }, 500); } deleteRobot(code: string): void { setTimeout(() => { this.robots.update((robots) => robots.filter((rob) => rob.code !== code)); }, 500); }- Angular signals means less code and avoids having to check the entire component tree when there is a state change in just one part of the tree. Presumably Zone.js will be removed from the Angular core bundle once Signals becomes standard.
- Status: Working
- To-Do: Nothing
- This project is licensed under the terms of the MIT license.
- Repo created by ABateman, email:
gomezbateman@gmail.com