【问题标题】:How to properly connect the ng2-datepicker component in angular 2 app如何在 Angular 2 应用程序中正确连接 ng2-datepicker 组件
【发布时间】:2017-01-21 07:52:59
【问题描述】:

Ng2-datepicker (1.0.6) Angular2 (2.0.0-rc.5)

当我尝试像在他们的文档中那样在 html 中使用它时,我收到了这个错误:

    zone.js:484 Unhandled Promise rejection: Template parse errors:
    Can't bind to 'ngModel' since it isn't a known property of 'datepicker'.
    ("
    </div>
    <div class="form-input">
        <datepicker [ERROR ->][(ngModel)]="notice.date"></datepicker>
    </div>
  </div>
    "): AddNoticeComponent@17:24 ; Zone: <root> ; Task: Promise.then ; Value: 

【问题讨论】:

    标签: javascript html css angular ng2-datepicker


    【解决方案1】:

    请在 .ts 文件中添加以下代码

    import { NgModule } from '@angular/core';
    import { FormsModule } from '@angular/forms';
    import { HttpModule } from '@angular/http';
    @NgModule({
      declarations: [
      ],
      imports: [   
        FormsModule,
        HttpModule,
      ],
    })
    

    【讨论】:

      【解决方案2】:

      将其添加到@NgModule()declarations: [...],并将imports: [CommonModule, FormsModule, ReactiveFormsModule] 添加到此@NgModule()

      【讨论】:

      • 感谢您的回答,我发现实际上问题不在于连接 Ng2-Datepicker,而在于 NgModel 本身。我尝试了here 描述的解决方案,但没有任何帮助。
      • 实际上彻底清除了 node_modules 并且在“npm install”之后它工作正常。
      猜你喜欢
      • 2017-02-12
      • 2017-05-28
      • 1970-01-01
      • 2023-03-26
      • 1970-01-01
      • 2017-05-16
      • 2020-01-11
      • 2017-09-01
      • 2017-06-27
      相关资源
      最近更新 更多