A simple Angular 2 app demonstrating parallel named router outlets.
TypeScript HTML JavaScript CSS
Latest commit 7fb402f Oct 11, 2016 @simpulton simpulton chore: add oninit hook



Named Router Outlets in Angular 2

An app that shows conference speakers and their bios. The purpose of the project is to showcase named parallel router outlets using the Angular 2 Component Router. It is built using the Angular CLI.

Getting started

  • You will need to have NodeJS and NPM installed via NodeJS.org
  • Run the following commands, starting in your preferred projects directory:
git clone https://github.com/onehungrymind/ng2-named-routes.git
cd ng2-named-router-outlets
npm i
npm start # or ng serve
  • Navigate to http://localhost:4200 to view the running app. File watching is automagically enabled.

Code scaffolding

Run ng generate component component-name to generate a new component. You can also use ng generate directive/pipe/service/class.


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.

Running end-to-end tests

Run ng e2e to execute the end-to-end tests via Protractor. Before running the tests make sure you are serving the app via ng serve.