Step by Step: An introduction to Angular 2.0 with Web Connection

This is an example of setting up an Angular 2.0 project and creating a small ToDo list. It's similar to the Introduction to Angular JS (1.0) walkthrough but using Angular 2.0.

This walkthough mainly talks about the mechanics of setting up an Angular 2.0 project, and setting up new components and then describes how to load data from a FoxPro backend.

You can find the source code for this example on BitBucket:

WebStorm IDE

For this sample I'm using WebStorm from JetBrains, which is very capable with Intellisense, refactoring and code hints both for Typescript and HTML/CSS and it knows about Angular 2 expressions in code. Highly recommended when doing Angular 2.0 and Typescript development. Commercial tool with yearly licensing for a reasonable price.


© West Wind Technologies, 1996-2022 • Updated: 09/19/16
Comment or report problem with topic