All Projects → ColinEberhardt → Angular2 Todo

ColinEberhardt / Angular2 Todo

A todo list implemented using Angular 2

Programming Languages

typescript
32286 projects

An Angular 2.0 todo list application

UPDATE This project has been updated for Angular 2.0 beta

This project demonstrates a simple todo list application written with Angular 2 and TypeScript. It accompanies a blog post I have written which describes how this application was written step-by-step. The application and blog post demonstrate the following:

  • Angular 2.0 event and property binding
  • Two-way binding
  • Dependency Injection
  • How to create components with properties and events
  • Component view encapsulation and change detection strategies
  • A flux-like approach with a store for persisting data

I have also updated the code to show integration with Gulp, DefinitelyTyped, Immutable.js and node-uuid, and in a further blog post detailed how Immutable.js and the OnPush strategy work together.

image

You can also see the application running via GitHub pages.

Getting Started

  • Clone or download the repo
  • Run npm install
  • Run gulp serve

This will start a development server and launch your browser to show the application in action. For development I've been using the Atom editor with the atom-typescript plugin and linter-tslint.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].