#Posts App built on Angular 2 (RC1)

Developed using TypeScript.

Demonstrates usage of the following Angular 2 concepts/modules:

• Components
• Pipes
• Services / HTTP
• Change Detection
• Routing
• Forms and Data binding
• Interface/Class models
• Dependency Injection
• Providers
• Custom components (e.g. pagination),
• Inter-Component communication using @Input, @Output
• View encapsulation
• Bootstrapping providers

Also demonstrates using RxJS Observables instead of Promises to handle async operations.

Features:

• Show navigation bar with links for Users and Posts views
• Users View:
  • Show list of users
  • Edit and Delete links for each user
  • Add a new User using a new form
• Posts View:
  • Show list of posts
  • Filter Posts by User
  • Pagination of Posts
  • Show associated comments on a Post when clicked

It uses http://jsonplaceholder.typicode.com to simulate HTTP calls.

As the backend is read-only, Add/Edit/Remove actions are currently in-memory simulations.

Screenshots:

Home:

Users List:

Create User: 

New User added to the users list: 

Edit User: 

Edited user details updated in users list: 

Delete user confirmation: 

Deleted user removed from users list: 

Posts List: 

Posts for Selected User: 

Post Detail and Comments Display: 

Posts list navigation to last page: