Saya menggunakan Angular 4 dan saya mendapatkan kesalahan di konsol:
Tidak dapat mengikat ke 'ngModel' karena ini bukan properti 'input' yang dikenal
Bagaimana saya bisa menyelesaikan ini?
angular
typescript
angular-ngmodel
angular-forms
Vijay Kumar
sumber
sumber
FormsModule
untukimports: []
modul mana Anda menggunakanngModel
. Kalau tidak poskan kode Anda.Jawaban:
Untuk menggunakan pengikatan data dua arah untuk input formulir, Anda perlu mengimpor
FormsModule
paket dalam modul Angular Anda.EDIT
Karena ada banyak pertanyaan rangkap dengan masalah yang sama, saya meningkatkan jawaban ini.
Ada dua kemungkinan alasan
Hilang
FormsModule
, karenanya Tambahkan ini ke Modul Anda,Periksa sintaks / ejaan
[(ngModel)]
dalam tag inputsumber
Ini jawaban yang tepat. Anda perlu mengimpor FormsMoudle
pertama di app.module.ts
**
** kedua di app.component.spec.ts
Salam dan harapan akan sangat membantu
sumber
Anda
ngModel
tidak bekerja karena itu belum menjadi bagian dari AndaNgModule
.Anda harus memberi tahu
NgModule
bahwa Anda memiliki wewenang untuk digunakan dingModel
seluruh aplikasi Anda, Anda dapat melakukannya dengan menambahkanFormsModule
keapp.module.ts
->imports
-> Anda[]
.sumber
Saya mengalami kesalahan ini saat menguji Aplikasi Angular 6 saya dengan Karma / Jasmine. Saya sudah mengimpor
FormsModule
modul tingkat atas saya. Tetapi ketika saya menambahkan komponen baru yang menggunakan[(ngModel)]
tes saya mulai gagal. Dalam hal ini, saya perlu mengimporFormsModule
diTestBed
TestingModule
.sumber
Semua solusi yang disebutkan di atas untuk masalah sudah benar. Tetapi jika Anda menggunakan lazy loading,
FormsModule
perlu diimpor dalam modul anak yang memiliki formulir di dalamnya. Menambahkannya tidakapp.module.ts
akan membantu.sumber
Di
app.module.ts
tambahkan ini:sumber
Saya mencoba semua hal yang disebutkan di atas, tetapi tetap saja tidak berhasil.
tapi akhirnya saya menemukan masalah di situs Angular. Cobalah untuk mengimpor formModule di module.ts itu saja.
sumber
Coba tambahkan
Kode sama dengan di atas
sumber
Perbarui dengan Angular 7.xx , temukan masalah yang sama di salah satu modul saya .
Jika terletak di modul independen Anda, tambahkan modul tambahan ini:
Jika ada di Anda
app.module.ts
, tambahkan modul ini:Demo sederhana untuk membuktikan kasusnya.
sumber
Jawaban untuk saya adalah ejaan yang salah
ngModel
. Saya menulisnya seperti ini:ngModule
sementara itu seharusnyangModel
.Semua upaya lain jelas gagal menyelesaikan kesalahan untuk saya.
sumber
import { FormsModule } from '@angular/forms';
// <<<< impor di siniBrowserModule, FormsModule
// <<<< dan di siniJadi cukup cari
app.module.ts
atau file modul lain dan pastikan Anda telahFormsModule
mengimpor ...sumber
Dalam kasus saya, saya menambahkan impor yang hilang, yaitu
ReactiveFormsModule
.sumber
impor modul formulir di app.module.ts.
Dalam html:
sumber
Dalam kasus saya, saya salah mengeja, saya merujuk sebagai ngmodel istead dari ng M odel :) Semoga Membantu!
Diharapkan - [(ngModel)] Sebenarnya - [(ngmodel)]
sumber
Anda harus memverifikasi hal-hal berikut jika ikatan dua arah tidak berfungsi.
<input [(ngModel)]="inputText">
Ini adalah semua yang perlu Anda lakukan untuk membuat dua cara mengikat menggunakan kerja ngModel, ini divalidasi hingga sudut 9
sumber
Jika Anda ingin menggunakan pengikatan data dua arah untuk input formulir, Anda harus mengimpor paket theFormsModule dalam modul Angular Anda. Untuk info lebih lanjut lihat tutorial resmi Angular 2 di sini dan dokumentasi resmi untuk formulir
di app.module.ts tambahkan baris di bawah ini:
sumber
pertama impor FormsModule dan kemudian gunakan ngModel di component.ts Anda
Kode HTML:
sumber
Jika bahkan setelah mengimpor formmodule, masalah tetap ada, periksa apakah Input Anda tidak memiliki atribut "nama" dengan nilai yang sama dengan input lainnya pada halaman.
sumber