setting up submit functionality

master
Matt Huntington 9 years ago
parent 63074fe18f
commit eb4b5b39ce

@ -5,6 +5,8 @@ import { AppComponent } from './app.component';
import { TodosIndexComponent } from './todos-index/todos-index.component'; import { TodosIndexComponent } from './todos-index/todos-index.component';
import { TodosCreateComponent } from './todos-create/todos-create.component'; import { TodosCreateComponent } from './todos-create/todos-create.component';
import { FormsModule } from '@angular/forms';
@NgModule({ @NgModule({
declarations: [ declarations: [
AppComponent, AppComponent,
@ -12,7 +14,8 @@ import { TodosCreateComponent } from './todos-create/todos-create.component';
TodosCreateComponent TodosCreateComponent
], ],
imports: [ imports: [
BrowserModule BrowserModule,
FormsModule
], ],
providers: [], providers: [],
bootstrap: [AppComponent] bootstrap: [AppComponent]

@ -1,3 +1,3 @@
<h2>Create a Todo</h2> <h2>Create a Todo</h2>
<input type="text" /><br/> <input [(ngModel)]="todo" type="text" /><br/>
<input type="submit" value="Create Todo"> <input (click)="create(todo)" type="submit" value="Create Todo">

@ -9,6 +9,10 @@ export class TodosCreateComponent implements OnInit {
constructor() { } constructor() { }
create(todo){
console.log(todo);
}
ngOnInit() { ngOnInit() {
} }

Loading…
Cancel
Save