Kann nicht an 'ngModel' gebunden werden, da es keine bekannte Eigenschaft des 'input'-Elements ist und es keine übereinstimmenden Anweisungen mit einer entsprechenden Eigenschaft gibt
Hinweis: Ich verwende Alpha.31
import { Component, View, bootstrap } from 'angular2/angular2'
@Component({
selector: 'data-bind'
})
@View({
template:`
<input id="name" type="text"
[ng-model]="name"
(ng-model)="name = $event" />
{{ name }}
`
})
class DataBinding {
name: string;
constructor(){
this.name = 'Jose';
}
}
bootstrap(DataBinding);
In der app.module.ts
Später im Import des @ NgModule-Dekorateurs:
quelle
Angular 2 Beta
Diese Antwort ist für diejenigen, die Javascript für angleJS v.2.0 Beta verwenden.
Um es
ngModel
in Ihrer Ansicht zu verwenden, sollten Sie dem Compiler des Winkels mitteilen, dass Sie eine Direktive namens verwendenngModel
.Wie?
Zur Verwendung
ngModel
gibt es in angular2 Beta zwei Bibliotheken, und sie sindng.common.FORM_DIRECTIVES
undng.common.NgModel
.Eigentlich
ng.common.FORM_DIRECTIVES
ist nichts als eine Gruppe von Anweisungen, die beim Erstellen eines Formulars nützlich sind. Es enthältNgModel
auch die Richtlinie.quelle
ng.common.NgModel
enthält eigentlich die Verteidigung für die RichtliniengModel
.ng.common.FORM_DIRECTIVES
gruppiert einige Richtlinien einschließlich,ngModel
die nützlich sind, wenn Formulare. Wir wollen also nicht jede einzelne Anweisung für das Formular einschließen, sondern nurng.common.FORM_DIRECTIVES
Importieren Sie FormsModule in Ihr AppModule, um mit der bidirektionalen Bindung [(ngModel)] mit Ihrem zu arbeiten
quelle
Anstelle von ng-model können Sie diesen Code verwenden:
in Ihrer app.component.ts
quelle
Fügen Sie den folgenden Code zu den folgenden Dateien hinzu.
app.component.ts
app.module.ts
Hoffe das hilft
quelle