Я использую Angular 4 и получаю сообщение об ошибке в консоли:
Невозможно связать с 'ngModel', так как это не известное свойство 'input'
Как я могу решить это?
angular
typescript
angular-ngmodel
angular-forms
Виджай Кумар
источник
источник
FormsModule
вimports: []
модуль , в котором вы используетеngModel
. В противном случае опубликовать свой код.Ответы:
Чтобы использовать двустороннюю привязку данных для ввода формы, вам необходимо импортировать
FormsModule
пакет в ваш угловой модуль.РЕДАКТИРОВАТЬ
Поскольку есть много повторяющихся вопросов с одной и той же проблемой, я усиливаю этот ответ.
Есть две возможные причины
Отсутствует
FormsModule
, следовательно, добавьте это в свой модуль,Проверьте синтаксис / правописание
[(ngModel)]
во входном тегеисточник
Это правильный ответ. вам нужно импортировать FormsMoudle
сначала в app.module.ts
**
** второй в app.component.spec.ts
С наилучшими пожеланиями и надеждой будет полезно
источник
Вы
ngModel
не работаете, потому что это еще не ваша частьNgModule
.Вы должны сообщить,
NgModule
что у вас есть полномочия для использованияngModel
в вашем приложении. Вы можете сделать это, добавивFormsModule
в свойapp.module.ts
->imports
->[]
.источник
Я столкнулся с этой ошибкой при тестировании моего приложения Angular 6 с помощью Karma / Jasmine. Я уже импортировал
FormsModule
в мой модуль верхнего уровня. Но когда я добавил новый компонент, который использовал[(ngModel)]
мои тесты начали проваливаться. В этом случае мне нужно было импортироватьFormsModule
в мойTestBed
TestingModule
.источник
Все вышеперечисленные решения проблемы являются правильными. Но если вы используете отложенную загрузку, его
FormsModule
необходимо импортировать в дочерний модуль, в котором есть формы. Добавление этогоapp.module.ts
не поможет.источник
В
app.module.ts
добавление это:источник
Я перепробовал все, что упомянуто выше, но все равно не работает.
но, наконец, я нашел проблему на сайте Angular. Попробуйте импортировать formModule в module.ts вот и все.
источник
Попробуйте добавить
Код такой же, как указано выше
источник
Обновление с Angular 7.xx , столкнуться с той же проблемой в одном из моих модулей .
Если он лежит в вашем независимом модуле, добавьте эти дополнительные модули:
Если он лежит в вашем
app.module.ts
, добавьте эти модули:Простая демонстрация, чтобы доказать это.
источник
Ответом для меня было неправильное написание
ngModel
. У меня было написано так:ngModule
пока так и должно бытьngModel
.Все остальные попытки, очевидно, не смогли устранить ошибку для меня.
источник
import { FormsModule } from '@angular/forms';
// <<<< импортируем его сюдаBrowserModule, FormsModule
// <<<< и здесьТак что просто ищите
app.module.ts
или другой файл модуля и убедитесь, что выFormsModule
импортировали в ...источник
В моем случае я добавил отсутствующий импорт, который был
ReactiveFormsModule
.источник
модуль формы импорта в app.module.ts.
В HTML:
источник
В моем случае я ошибся, я имел в виду ngmodel вместо n o M odel :) Надеюсь, это помогает!
Ожидаемый - [(ngModel)] Фактический - [(ngmodel)]
источник
Вы должны проверить следующие вещи, если двусторонняя привязка не работает.
<input [(ngModel)]="inputText">
Это все, что вам нужно сделать, чтобы двусторонняя привязка работала с помощью ngModel, это проверено до угловых значений 9
источник
Если вы хотите использовать двустороннее связывание данных для ввода формы, вам нужно импортировать пакет FormsModule в ваш модуль Angular. Для получения дополнительной информации см. Официальный учебник Angular 2 здесь и официальную документацию для форм
в app.module.ts добавьте следующие строки:
источник
сначала импортируйте FormsModule, а затем используйте ngModel в ваших component.ts
HTML-код:
источник
Если даже после импорта модуля формы проблема не устранена, убедитесь, что ваш входной элемент не имеет атрибута «name» со значением, равным другому входному значению на странице.
источник