Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/ogm710811/example-angular-routing-services

Angular App that show how to create routing and services
https://github.com/ogm710811/example-angular-routing-services

angular-cli angular-routing angular-services angular2 bootstrap html5

Last synced: 18 days ago
JSON representation

Angular App that show how to create routing and services

Awesome Lists containing this project

README

        

# Learning Goals

1. Understand the Angular routing library.
2. Add multiple pages to your single page application.
3. Pass optional parameter between pages.
4. Add child routes.
5. Make pages interact with parameters and services.
6. Understand services.
7. Use Angular Dependency Injection to share services across the application.

## 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).