Commit gothinkster#3

src/app/app.module.ts

@@ -12,11 +12,13 @@ import {
 import { AppRoutingModule } from './app-routing.module';
 import { CoreModule } from './core/core.module';
 import { StockModule } from './stock/stock.module';
+import { FormsModule } from '@angular/forms';
 
 @NgModule({
   declarations: [AppComponent, FooterComponent, HeaderComponent],
   imports: [
     BrowserModule,
+    FormsModule,
     CoreModule,
     SharedModule,
     HomeModule,
@@ -27,4 +29,6 @@ import { StockModule } from './stock/stock.module';
   providers: [],
   bootstrap: [AppComponent]
 })
-export class AppModule {}
+export class AppModule {
+  private aaa = 11;
+}

src/app/core/models/index.ts

@@ -4,3 +4,4 @@ export * from './comment.model';
 export * from './errors.model';
 export * from './profile.model';
 export * from './user.model';
+export * from './stock.model';

src/app/core/models/stock.model.ts

@@ -0,0 +1,9 @@
+export class Stock {
+    constructor(public name?: string,
+        public ticker?: string,
+        public price?: number,
+        public prevPrice?: number,
+        public favorite?: boolean) {
+
+    }
+}

src/app/editor/editor.component.ts

@@ -1,5 +1,5 @@
 import { Component, OnInit } from '@angular/core';
-import { FormBuilder, FormGroup, FormControl } from '@angular/forms';
+import { FormBuilder, FormGroup, FormControl, NgModel } from '@angular/forms';
 import { ActivatedRoute, Router } from '@angular/router';
 
 import { Article, ArticlesService } from '../core';

src/app/stock/stock-routing.module.ts

@@ -0,0 +1,16 @@
+import { NgModule } from '@angular/core';
+import { Routes, RouterModule } from '@angular/router';
+import { StockComponent } from './stock.component';
+
+const routes: Routes = [
+  {
+    path: '',
+    component: StockComponent
+  }
+];
+
+@NgModule({
+  imports: [RouterModule.forChild(routes)],
+  exports: [RouterModule]
+})
+export class StockRoutingModule {}

src/app/stock/stock.component.html

@@ -2,5 +2,5 @@
   stock works!
 </p>
 <form>
-  <div><input type="text"  /></div>
+  <div><input type="text" name='stock' value="{{stock.price}}" /></div>
 </form>

src/app/stock/stock.component.ts

@@ -1,5 +1,6 @@
-import { Component, OnInit } from '@angular/core';
-import {FormControl,FormGroup} from '@angular/forms';
+import { Component, OnInit, Input } from '@angular/core';
+import { FormControl, FormGroup } from '@angular/forms';
+import { Stock } from '../core/models';
 
 @Component({
   selector: 'app-stock',
@@ -8,9 +9,11 @@ import {FormControl,FormGroup} from '@angular/forms';
 })
 export class StockComponent implements OnInit {
 
+  @Input() public stock: Stock;
   constructor() { }
 
   ngOnInit() {
+    this.stock = new Stock('Apple', 'AAPL', 100, 110, false);
   }
 
 }

src/app/stock/stock.module.ts

@@ -1,9 +1,11 @@
 import { NgModule } from '@angular/core';
 import { StockComponent } from './stock.component';
 import { StockService } from '../core';
+import { StockRoutingModule } from './stock-routing.module';
 
 @NgModule({
     imports: [
+        StockRoutingModule
     ],
     declarations: [
         StockComponent
@@ -12,5 +14,7 @@ import { StockService } from '../core';
     providers: [
         StockService
     ]
+    ,
+    exports: [ StockComponent ]
   })
   export class StockModule {}