loopback-example-angular-typescript

A simple todo list using AngularJS on the client-side and LoopBack on the server-side.

$ git clone https://github.com/javierfuentes/loopback-example-angular-typescript.git
$ cd loopback-example-angular-typescript
$ npm install
$ node . # then browse to localhost:3000

This example is based on official loopback-example-angular from:

https://github.com/strongloop/loopback-example-angular.git

This is exactly the same example but using Typescript to define the Angular module and controller

Additional Prerequisites

$ npm install -g typescript
$ npm install -g tsd

Modifications on original sources:

Persist data

datasources.json

{
"db": {
"name": "db",
"connector": "memory",
"file" : "database.json"
}
}

Included "file" parameter to persist data in database.json. This file is added in .gitignore

Typescript definitions and transpilation

tsd.json added to project. To compile this file:

$ tsd install
...## this generate tsd.d.ts and /typings

client/tsconfig.json added to project. To compile .ts files:

$ cd client
$ tsc

Code files added to project

/
tsd.json ## References for Typescript Definition files (tsd)
/client
tsconfig.json ## Configuration for Typescript transpiler (tsc)
/js
all.ts ## References for Typescript .ts files
all.js
all.js.map
app.ts ## Module Angular typescript file
app.js
app.js.map
/controllers
todo.ts ## Controller Angular typescript file
todo.js
todo.js.map