initial

Author: ducito

.idea/.name

@@ -1,2 +1,7 @@
-# angular2
-example wtih angular2
+# example with angular2
+
+```
+npm install
+typings install
+npm start
+```

.idea/angular2.iml

@@ -0,0 +1,7 @@
+/**
+ * Created by nnduc on 316//16.
+ */
+import {bootstrap}    from 'angular2/platform/browser'
+import {AppComponent} from "./modules/main/app.component";
+
+bootstrap(AppComponent);

.idea/encodings.xml

@@ -0,0 +1,15 @@
+/**
+ * Created by nnduc on 316//16.
+ */
+import {Component} from 'angular2/core';
+import {Hero} from "../models/hero";
+
+
+@Component({
+	selector: 'hero-detail',
+	templateUrl:'app/modules/heroes/views/hero.html',
+	inputs: ['hero']
+})
+export class HeroDetailComponent {
+	hero: Hero;
+}

.idea/misc.xml

@@ -0,0 +1,34 @@
+import {Component} from 'angular2/core';
+import {OnInit} from "angular2/core";
+import {HeroDetailComponent} from './hero-detail.component';
+import {HeroService} from "../services/hero.service";
+import {Hero} from "../models/hero";
+
+@Component({
+	selector   : 'my-heroes',
+	templateUrl: 'app/modules/heroes/views/heros.html',
+	styles     : [],
+	directives : [HeroDetailComponent],
+	providers: [HeroService]
+})
+export class HeroesComponent implements OnInit{
+
+	title = 'Tour of Heroes';
+	heroes : Hero[];
+	selectedHero:Hero;
+
+	constructor(private _heroService: HeroService) { }
+
+	getHeroes() {
+		this._heroService.getHeroes().then(heroes => this.heroes = heroes);
+	}
+
+	ngOnInit() {
+		this.getHeroes();
+	}
+
+	selectHero(hero:Hero) {
+		console.log(hero);
+		this.selectedHero = hero;
+	}
+}

.idea/modules.xml

@@ -0,0 +1,7 @@
+/**
+ * Created by nnduc on 316//16.
+ */
+export interface Hero {
+	id: number;
+	name: string;
+}

.idea/vcs.xml

@@ -0,0 +1,14 @@
+import {Hero} from './hero';
+
+export var HEROES: Hero[] = [
+	{"id": 11, "name": "Mr. Nice"},
+	{"id": 12, "name": "Narco"},
+	{"id": 13, "name": "Bombasto"},
+	{"id": 14, "name": "Celeritas"},
+	{"id": 15, "name": "Magneta"},
+	{"id": 16, "name": "RubberMan"},
+	{"id": 17, "name": "Dynama"},
+	{"id": 18, "name": "Dr IQ"},
+	{"id": 19, "name": "Magma"},
+	{"id": 20, "name": "Tornado"}
+];

.idea/workspace.xml

@@ -0,0 +1,17 @@
+import {Injectable} from 'angular2/core';
+import {HEROES} from "../models/mock-heroes";
+import {Hero} from "../models/hero";
+
+@Injectable()
+export class HeroService {
+	getHeroes() {
+		return Promise.resolve(HEROES);
+	}
+	// See the "Take it slow" appendix
+	getHeroesSlowly() {
+		return new Promise<Hero[]>(resolve =>
+			setTimeout(()=>resolve(HEROES), 2000) // 2 seconds
+		);
+	}
+
+}