angular - 无法绑定到“ngModel”,因为它不是“输入”角度 9 和不同模块的已知属性
问题描述
大家好,我知道有很多关于标题错误消息的问题,我花了几个小时来解决错误,但我还没有找到解决方案。我正在使用 Angular 9,我有 2 个模块,其中一个是 appModule 和 userModule。我在两个模块文件中都导入了表单模块,但它不起作用。
<input [(ngModel)]="user.name" placeholder="user.name" name="username"/>
上面代码行中的 ngModel 给了我错误消息。
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { UserRoutingModule } from './user-routing/user-routing.module';
@NgModule({
declarations: [
],
imports: [
CommonModule,
FormsModule,
UserRoutingModule
]
})
export class UsersModule { }
这是 user.module.ts
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { RouterModule, Routes } from '@angular/router';
import { UserListComponent } from '../user-list/user-list.component';
import { UserDetailComponent } from '../user-detail/user-detail.component';
const usersRoutes: Routes = [
{ path: '', component: UserListComponent },
{ path: 'user/:id', component: UserDetailComponent }
];
@NgModule({
declarations: [
UserListComponent,
UserDetailComponent
],
imports: [
RouterModule.forChild(usersRoutes),
CommonModule
],
exports: [
RouterModule
]
})
export class UserRoutingModule { }
这是用户路由.module.ts
import { NgModule } from '@angular/core';
import { Routes, RouterModule } from '@angular/router';
import { UsersModule } from './users/users.module';
const routes: Routes = [
{
path: 'users',
loadChildren: () => import('./users/users.module').then(m => m.UsersModule)
},
{
path: '',
redirectTo: 'users',
pathMatch: 'full'
}
];
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
export class AppRoutingModule { }
这是 app-routing.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { NgModule } from '@angular/core';
import { FormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { UsersModule } from './users/users.module';
import { AppComponent } from './app.component';
@NgModule({
declarations: [
AppComponent
],
imports: [
BrowserModule,
FormsModule,
UsersModule,
AppRoutingModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
这是 app.module.ts
当我在一个模块中使用这些代码时,我没有收到错误消息,而当我分开两个模块时会收到此错误消息。任何解决问题的想法并提前感谢。
解决方案
将您的声明从 user-routing.module.ts 移动到 user.module.ts
推荐阅读
- node.js - YouTube API 错误,Node.js
- sapui5 - 文本自动转换为大写
- jquery - 从jquery向mysql数据库发送数据
- npm - 在我的企业共享 npm 包中处理依赖项的路径
- ios - 如何使用协议关闭和呈现自定义弹出窗口 (UIViewController) - SWIFT
- vba - excel中VBA上的工作表集合和组合框出现索引错误
- android - android 8 startActivity 错误创建选择器
- knockout.js - Knockout.js 如何与组件共享可观察的视图模型以进行 2 向绑定
- e-commerce - 是否可以查看添加到网页的日期文本?
- lisp - 这是 sbcl 中的错误?