javascript — невозможно связать с ngModel, поскольку оно не является известным свойством input

Невозможно связать с ‘ngModel’, так как это не известное свойство ‘input’

Для использования [(ngModel)] в Angular 2 , 4 и 5 необходимо импортировать FormsModule из формы Angular …

Также в этом пути под формами в Angular Repo в GitHub :

угловой / пакеты / формы / src / директивы / ng_model.ts

Вероятно, это не очень приятно для разработчиков AngularJs, так как вы могли бы использовать ng-модель везде в любое время, но поскольку Angular пытается разделить модули, чтобы использовать то, что вы хотите использовать в данный момент, ngModel сейчас находится в FormsModule ,

Также, если вы используете ReactiveFormsModule, необходимо импортировать его тоже.

Просто найдите app.module.ts и убедитесь, что FormsModule импортирован в …

 import { BrowserModule } from '@angular/platform-browser'; import { NgModule } from '@angular/core'; import { FormsModule } from '@angular/forms'; //{amp}lt;{amp}lt;{amp}lt;{amp}lt; import it here import { AppComponent } from './app.component'; @NgModule({ declarations: [ AppComponent ], imports: [ BrowserModule, FormsModule //{amp}lt;{amp}lt;{amp}lt;{amp}lt; and here ], providers: [], bootstrap: [AppComponent] }) export class AppModule { } 

Также это текущие начальные комментарии для Angular4 ngModel в FormsModule :

 /** * `ngModel` forces an additional change detection run when its inputs change: * Eg: * ``` * {amp}lt;div{amp}gt;{{myModel.valid}}{amp}lt;/div{amp}gt; * {amp}lt;input [(ngModel)]="myValue" #myModel="ngModel"{amp}gt; * ``` * Ie `ngModel` can export itself on the element and then be used in the template. * Normally, this would result in expressions before the `input` that use the exported directive * to have and old value as they have been * dirty checked before. As this is a very common case for `ngModel`, we added this second change * detection run. * * Notes: * - this is just one extra run no matter how many `ngModel` have been changed. * - this is a general problem when using `exportAs` for directives! */ 

Если вы хотите использовать свой ввод, а не в форме, вы можете использовать его с ngModelOptions и сделать автономным true

 [ngModelOptions]="{standalone: true}" 

Для получения дополнительной информации, посмотрите на ng_model в разделе Angular здесь

Понравилась статья? Поделиться с друзьями:
JavaScript & TypeScript
Adblock
detector