当前位置: 首页 > 知识库问答 >
问题:

Angular 4. x-无法绑定到ngModel,因为它不是输入的已知属性

应翰飞
2023-03-14

我已经在我的应用程序中导入了FormsModule和ReactiveFormsModule。模块,html应该是正确的,

错误

进口

**Inside app.module:**
@NgModule( 
declarations: [
AppComponent,
],
imports: [
BrowserModule,
FormsModule,
HttpModule,
ReactiveFormsModule,
RouterModule.forRoot(ROUTES, { useHash: true })
],
})



**My HTML:**
<div class="col-xs-12">
<input #searchTextBox type="text" class="validate filter-input" [(ngModel)]="query" (keyup)="onKeyup(searchTextBox.value)">
  <div class="suggestions" *ngIf="filteredList.length > 0">
    <ul *ngFor="let item of filteredList">
      <li>
        <a (click)="select(item)">{{item}}</a>
      </li>
    </ul>
  </div>

我在运行npm-run-test:local时遇到这个错误,但如果我执行npm-start,它运行得很好。我使用了multiple[(ngModel)],它们都有相同的问题,我只是以这个为例。

我怎样才能解决这个问题?

共有1个答案

曹铭晨
2023-03-14

我们面临同样的问题,只是导入FormsModule不起作用。在出错的地方使用此标记-[ngModelOptions]=“{standalone:true}”

将以下内容添加到您的。component.html可以像在登录屏幕上为我们做的那样做-

例子:

<input [(ngModel)]='this.userId' [ngModelOptions]="{standalone: true}" placeholder="User Id" class="inputstyle">
 类似资料:
  • 问题内容: 即使未显示组件,启动我的Angular应用程序时也会出现以下错误。 我必须将注释掉,这样我的应用才能正常工作。 我正在查看Hero插件,但与我的代码没有任何区别。 这是组件文件: 问题答案: 是的,就是这样,在app.module.ts中,我刚刚添加了:

  • 几天前,我开始使用角项目的离子。我有一个问题,当我服务我的项目.这是错误: NG0303:不能绑定到'ngModel',因为它不是一个已知的属性'离子范围'. 我想用离子范围的亮度普林。这是我的密码。 应用程序。单元ts 我有一些随机组件的共享文件夹和一个随机器。模块来管理它们。 在randomer.module.ts 还有我的brigthness.component.html 亮度组成部分ts:

  • 我已经和另一张票联系在一起了。这个错误只发生在测试中,我已经导入了每个链接消息的FormsMoules。我使用的是Angular 2.2.1。 在ng test中未定义的ngModel我已经导入了FormsMoules和ReactiveFormsMoules,但没有效果。我已经研究了24小时了,但我还没有接近。大多数都与升级有关,我用同样的问题擦拭并重新启动,使用ng生成创建测试模板时,测试模板非

  • 最近开始玩《棱角2》了。到目前为止都很棒。因此,为了学习使用我开始了一个个人演示项目。 有了基本的路由设置后,我现在想从报头导航到一些路由,但由于我的报头是的父路由,所以我收到这个错误。 app.component.html header.component.html 现在我部分地理解了,我猜由于该组件是的包装器,所以不可能通过这种方式访问。那么,对于这样的场景,是否有可能从外部访问导航呢? 如果

  • 我不熟悉角度单元测试。。我正在尝试测试一个模态组件,但不断出现以下错误:“无法绑定到'formGroup',因为它不是'form'的已知属性。” 我尝试过将FormGroup、FormBuilder、Validator传递到测试提供程序中(因为它们是我正在测试的代码中使用的,所以我一次一个地将它们添加到一起),我还尝试将ReactiveFormsMoules添加到它中(与其他提供程序一起,而不与其

  • 我在实现折叠特性时得到了这个错误: 错误:模板解析错误:无法绑定到'target',因为它不是'div'的已知属性 app.component.html: 但是如果我简单地使用,就可以很好地工作。但是当我绑定时,它会出现错误。