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 ) {  }
}
haben Sie ermöglichen neue Formen 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

Schreibe einen Kommentar