Sample application built with Angular 2
Clone or download

README.md

WARNING

This project is no longer maintained. For Angular 2 starter take a look at the angular2-seed, that this project is based on.

Introduction

Sample application based upon mgechev/ angular2-seed.

Join the chat at https://gitter.im/mgechev/angular2-seed Dependency Status devDependency Status

Note: Angular 2.0 is not production ready yet! This project is perfect for playing around with the latest versions but do not start new projects with it since a lot of new changes are going to be introduced until the framework is officially released.

Features

  • Component styling
  • Custom Directive
  • Router module (implementing child routes*)
  • Http module
  • Form module (using template driven form approach)

How to start

Note that this seed project requires node v0.12.x or higher and npm 3.x.x.

npm install
# dev
npm run serve.dev

Does not rely on any global dependencies.

Directory Structure

.
├── app
│   ├── components
│   │   ├── about
│   │   │   ├── about.html
│   │   │   ├── about.ts
│   │   │   └── about_spec.ts
│   │   └── home
│   │       ├── home.css
│   │       ├── home.html
│   │       ├── home.ts
│   │       └── home_spec.ts
│   ├── services
│   │   ├── name_list.ts
│   │   └── name_list_spec.ts
│   ├── typings
│   ├── app.css
│   ├── app.html
│   ├── app.ts
│   ├── index.html
│   └── init.ts
├── dist
│   ├── dev
│   └── prod
├── tools
│   ├── tasks
│   ├── utils.js
│   └── workflow.config.js
├── tsd_typings
├── gulpfile.js
├── karma.conf.js
├── package.json
├── test-main.js
├── tsconfig.json
└── tsd.json

Configuration

Default application server configuration

var PORT             = 5555;
var LIVE_RELOAD_PORT = 4002;
var APP_BASE         = '/';

Configure at runtime

npm run serve.dev -- --port 8080 --reload-port 4000 --base /my-app/

Now to extend?

If you want to use your custom libraries:

npm install my-library --save
vim gulpfile.js

Add reference to the installed library in PATH.src.lib into ./tools/workflow.config.js.

Running test

# In a single bash window
npm run test

# Debug - In two bash windows
npm run karma      # 1st window
npm run test.dev   # 2nd window

Contributors

mgechev ludohenin NathanWalker tarlepp aboeglin jerryorta-dev
mgechev ludohenin NathanWalker tarlepp aboeglin jerryorta-dev
TuiKiken ryzy ultrasonicsoft mjwwit natarajanmca11 philipooo
TuiKiken ryzy ultrasonicsoft mjwwit natarajanmca11 philipooo
redian robertpenner jgolla dstockhammer
redian robertpenner jgolla dstockhammer

Change Log

You can follow the Angular 2 change log here.

License

MIT