स्थिति:
कृपया सहायता कीजिए! मैं अपने Angular2 ऐप में एक बहुत ही सरल रूप बनाने की कोशिश कर रहा हूं, लेकिन इससे कोई फर्क नहीं पड़ता कि यह कभी काम नहीं करता है।
ANGULAR संस्करण:
कोणीय 2.0.0 आरसी 5
त्रुटि:
Can't bind to 'formGroup' since it isn't a known property of 'form'
कोड:
देखें:
<form [formGroup]="newTaskForm" (submit)="createNewTask()">
<div class="form-group">
<label for="name">Name</label>
<input type="text" name="name" required>
</div>
<button type="submit" class="btn btn-default">Submit</button>
</form>नियंत्रक:
import { Component } from '@angular/core';
import { FormGroup, FormControl, Validators, FormBuilder } from '@angular/forms';
import {FormsModule,ReactiveFormsModule} from '@angular/forms';
import { Task } from './task';
@Component({
selector: 'task-add',
templateUrl: 'app/task-add.component.html'
})
export class TaskAddComponent {
newTaskForm: FormGroup;
constructor(fb: FormBuilder)
{
this.newTaskForm = fb.group({
name: ["", Validators.required]
});
}
createNewTask()
{
console.log(this.newTaskForm.value)
}
}एनकाउंटर:
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule } from '@angular/forms';
import { routing } from './app.routing';
import { AppComponent } from './app.component';
import { TaskService } from './task.service'
@NgModule({
imports: [
BrowserModule,
routing,
FormsModule
],
declarations: [ AppComponent ],
providers: [
TaskService
],
bootstrap: [ AppComponent ]
})
export class AppModule { }प्रश्न:
मुझे वह त्रुटि क्यों मिल रही है?
क्या मैं कुछ भूल रहा हूँ?