Winkel-2 Fehler - Es gibt keine Richtlinie, die mit "exportAs" "ngModel" mit RC4-version
Ich bin mit Winkel-2 Formulare meiner Anwendung, und ich haben die Formulare basierend auf gegebenen link.
https://angular.io/docs/ts/latest/guide/forms.html
In diesem für die Validierung und Nutzung Formen, APIs, ich habe den ngModel
Werte wie #name="id" #id="ngModel"
- und die wirft Skript-Fehler. Aber seine gelöst, wenn ich #id="ngModel"
als #id="ngForm"
. Aber für meinem Fall habe ich mein Modell Wert ngModel
.
Unten ist meine html-Seite.
<form (ngSubmit)="onSubmit()" #myForm="ngForm">
<div class="form-group">
<label class="control-label" for="id">Employee ID</label>
<input type="text" class="form-control" required [(ngModel)]="model.id" #name="id" #id="ngModel" >
<div [hidden]="id.valid || id.pristine" class="alert alert-danger">
Employee ID is required
</div>
</div>
<div class="form-group">
<label for="name">Employee Name</label>
<input type="text" class="form-control" [(ngModel)]="model.name" name="name" #name="ngModel" required>
<div [hidden]="name.valid || name.pristine" class="alert alert-danger">
Employee ID is required
</div>
</div>
<div class="form-group">
<label for="DOJ">DOJ</label>
<input class="form-control" required [(ngModel)]="model.DOJ" name="DOJ" #DOJ="ngModel" />
<div [hidden]="DOJ.valid || DOJ.pristine" class="alert alert-danger">
DOJ is required
</div>
</div>
<button type="submit" class="btn btn-default" [disabled]="!myForm.form.valid">Submit</button>
</form>
Unten ist mein Problem.
EXCEPTION: Template parse errors:
There is no directive with "exportAs" set to "ngModel" ("
<div>
<h1>My Form</h1>
<form (ngSubmit)="onSubmit()" [ERROR ->]#myForm="ngModel">
<div class="form-group>
<label class="control-label" for="id">Employee"):AppComponent@3:34
Ich habe mit mehr Fragen und Antworten, die meisten von Ihnen sagte zu aktualisieren angular2 version zu RC4
so, ich habe aktualisiert mein Antrag auf rc4 aber noch stehe ich vor diesem Problem.
Unten ist mein ts-Datei:
import {Component} from '@angular/core';
import { disableDeprecatedForms, provideForms , NgForm} from '@angular/forms';
import {CORE_DIRECTIVES, FORM_DIRECTIVES, FormBuilder,Validators,Control,ControlGroup } from '@angular/common';
@Component({
selector: 'ej-app',
templateUrl: 'app/app.component.html',
directives: [ CORE_DIRECTIVES,FORM_DIRECTIVES]
})
export class AppComponent {
model = new Employees(null,'','');
onSubmit() { alert("values submitted")}
constructor() {
}
}
export class Employees {
constructor( public id: number,public name: string, public DOJ: String ) { }
}
disableDeprecatedForms(), provideForms()
und sicherzustellen, dass Sie nicht importieren Formulare Sachen von @angular/common
?Ich habe bearbeitet Sie meine Frage und fügte hinzu, ts-Dateien zu.Können Sie bitte überprüfen Sie mit dieser. In diesem habe ich importiert disableDeprecatedForms,provideForms
InformationsquelleAutor Sasi Dhivya | 2016-08-03
Du musst angemeldet sein, um einen Kommentar abzugeben.
Mischen Sie nicht neue und alte Formen-Modul.
Importe Formulare Sachen von
@angular/common
. Wenn Sie die neuen Formendann verwenden Sie stattdessen
script error: EXCEPTION: Fehler in app/app.Komponente.html:7:13-Plattform-browser.umd.js:1900 EXCEPTION: Fehler in app/app.Komponente.html:7:13BrowserDomAdapter.logerror keinen Sinn @ - Plattform-browser.umd.js:1900-Plattform-browser.umd.js:1900 ORIGINAL-EXCEPTION: TypeError: Cannot read property 'gültige' von undefinedBrowserDomAdapter.logerror keinen Sinn @ - Plattform-browser.umd.js:1900-Plattform-browser.umd.js:1900 ORIGINAL STACKTRACE:BrowserDomAdapter.logerror keinen Sinn @ - Plattform-browser.umd.js:1900-Plattform-browser.umd.js:1900 TypeError: Cannot read property 'gültige' von undefined bei DebugAppView._View_AppCompo
#name="id"
solltename="id"
ya, die auch schon bearbeitet
plnkr.co/Bearbeiten/mwiQ2K0u3IgsbGHFFWvn?p=Album Vorhören. Ich befestigte den tag der
<my-app>
im index.html geändertid.valid
undid.pristine
zuempid.valid
undempid.pristine
und fügte hinzu, eine,
nachtemplateUrl
imapp.component.ts
.InformationsquelleAutor Günter Zöchbauer
Nicht importieren Sie die
FORM_DIRECTIVES
undCORE_DIRECTIVES
denn Sie sind veraltet, stattdessen stellen Sie sicher, dass Sie den import derNgForm
. Sie können die folgenden:InformationsquelleAutor Mwizak