A Fully Functional Angular 2 Demo Application

Description

This demo is based on puppy-love project. The features of this project includes:

A Service definition, so that HTTP calls can be performed to display initial data.
A custom model definition, to allow map used data.
Dependency Injection.
Two way data binding(Using [(ngModel)]).
Use of *ngIf and *ngFor into provided form.
Events triggering after click on a button. (click)
Use of Material Design components for Angular 2

The app uses Random user Generator to show initial data. This demo was presented in Google I/O Extended event in Cochabamba, Bolivia.

First, ensure you have the following installed:

After that, use Git bash to run all commands if you are on Windows platform.

Install angular-cli:

npm install -g angular-cli

For more details about angualr-cli, please refer to: https://github.com/angular/angular-cli

To run the demo project locally, just install dependencies and run the application in development mode:

$ npm install
$ ng serve

Now you can open your browser and load http://localhost:4200

Try the code, verify the current behavior. Update the code and configurations and test again!

Please feel free to contact me if you have any question.

MIT