#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: 