https://github.com/dkemper01/todos-animated-dynamic-components
The ToDo app from Gary Simon's tutorial on Angular 2 (Angular) animations with a working dynamic component loader.
https://github.com/dkemper01/todos-animated-dynamic-components
angular-animation angular-dynamic-components angular5
Last synced: 2 months ago
JSON representation
The ToDo app from Gary Simon's tutorial on Angular 2 (Angular) animations with a working dynamic component loader.
- Host: GitHub
- URL: https://github.com/dkemper01/todos-animated-dynamic-components
- Owner: dkemper01
- Created: 2017-03-17T04:11:46.000Z (about 8 years ago)
- Default Branch: master
- Last Pushed: 2017-11-25T16:53:32.000Z (over 7 years ago)
- Last Synced: 2025-01-20T17:49:13.093Z (4 months ago)
- Topics: angular-animation, angular-dynamic-components, angular5
- Language: TypeScript
- Homepage: https://dkemper01.github.io/todos-animated-dynamic-components/
- Size: 295 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Todos
This repo was built as I followed along with Gary Simon's Pluralsight course on Angular animations. You can read more about how to animate with Angular 5 here:
(https://angular.io/guide/animations)
If you're interested in working with dynamic components, check out a much more detailed breakdown of dynamic components here:
(http://dankemper.net/t3/index.php/blog-menu-item/angular-dynamic-components-menu-item)
Animated todos with dynamic components has been fully upgraded to Angular 5. Checkout the Angular 5 update branch here:
(https://github.com/dkemper01/todos-animated-dynamic-components/tree/angular5-update-1).
## Development server
Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app 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/module`.
## Build
Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
## Running unit tests
Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
## Running end-to-end tests
Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
Before running the tests make sure you are serving the app via `ng serve`.
## Further help
To get more help on the `angular-cli` use `ng help` or go check out the [Angular-CLI README](https://github.com/angular/angular-cli/blob/master/README.md).