Angular2 (ngSubmit) ne fonctionne pas
Je viens juste de commencer Angular2 et en face d'erreur suivant lors de l'ajout des (ngSubmit) attribut de ma forme
Template parse errors:
There is no directive with "exportAs" set to "ngForm" ("
<form [ERROR ->]#form="ngForm" (ngSubmit)="onSubmit()" novalidate>
Suivants sont quelques-uns de mes dépendances de package.json.
"dependencies": {
"@angular/common": "2.0.0",
"@angular/compiler": "2.0.0",
"@angular/core": "2.0.0",
"@angular/forms": "2.0.0",
"@angular/http": "2.0.0",
"@angular/platform-browser": "2.0.0",
"@angular/platform-browser-dynamic": "2.0.0",
"@angular/router": "3.0.0",
"@angular/upgrade": "2.0.0",
"angular2-in-memory-web-api": "0.0.20",
"core-js": "^2.4.1",
"ie-shim": "^0.1.0",
"jquery": "^3.1.0",
"reflect-metadata": "^0.1.3",
"rxjs": "5.0.0-beta.12",
"systemjs": "0.19.27",
"zone.js": "^0.6.23"
}
J'ai suivantes formulaire html.
<form #form="ngForm" (ngSubmit)="onSubmit()" novalidate>
<div class="form-group">
<label>Title</label>
<input [(ngModel)]="model.Title" #title="ngModel" name="title" id="title" type="text" class="form-control" value="">
</div>
<div class="form-group">
<label>Description</label>
<textarea [(ngModel)]="model.Description" #description="ngModel" class="summernote form-control" name="description" id="description"></textarea>
</div>
</form>
Et suivants catégorie.composant fichier
import { Component } from '@angular/core';
import { FormBuilder} from '@angular/forms';
import { Category } from '../../../models/cms/Category';
@Component({
selector: 'category',
templateUrl: 'category.template.html'
})
export class CategoryComponent{
model = new Category("dummyTitle","dummyDescription");
onSubmit() {
console.log(this.data);
}
}
Quelqu'un peut s'il vous plaît guide la façon de traiter ce problème.
avez-vous importé
Merci, Oui, j'ai importé le FormsModel. Mais pas de gain
FormsModule
dans votre Application fichier du module ?Merci, Oui, j'ai importé le FormsModel. Mais pas de gain
OriginalL'auteur Umair Iqbal | 2016-12-14
Vous devez vous connecter pour publier un commentaire.
il vous manque un fichier d'importation
import { NgForm } from '@angular/forms';
et vous êtes à l'aide de modèles de formulaires de sorte que vous n'avez pas besoin FormBuilder.
essayer de cette façon,
signup-form.component.html
d'inscription-formulaire.composante.ts
OriginalL'auteur Amit kumar
Dans mon cas, mon
<button type="submit">Ok</button>
était en dehors de la balise form.Il doit être en forme à l'intérieur de la balise de travail.
OriginalL'auteur Nitin Jadhav