Question

我在我的angular 2应用程序中实现了ng2-bootstrap datePicker，但遇到了某种类型的模块错误，我不明白背后的问题是什么。请帮助我。

module.ts

import { DatepickerModule } from 'ng2-bootstrap/datepicker';

 @NgModule({
  imports: [
  ...........  
  DatepickerModule
  ...........
  ],
  declarations: [
    .....
    .....
  ]
})
export default class Modules {
}

html文件

<div>
    <datepicker></datepicker>
</div>

错误

'datepicker' is not a known element:
1. If 'datepicker' is an Angular component, then verify that it is part of this module.
2. If 'datepicker' is a Web Component then add "CUSTOM_ELEMENTS_SCHEMA" to the '@NgModule.schema' of this component to suppress this message. ("<div class="form-group"><div>
                          [ERROR ->]<datepicker></datepicker>
                          <!--<datepicker [expanded]="true" class="danger"-"): AddCustomer@49:26
Can't bind to 'expanded' since it isn't a known property of 'datepicker'. ("                              <div>
                                                    <datepicker [ERROR ->][expanded]="true" class="danger"
                                                                form"): AddCustomer@212:64
'datepicker' is not a known element:

Answer 1

你有没有在你的app.module.ts包含Boostrap的lib？像这样：

// ... other imports
import { NgbModule } from '@ng-bootstrap/ng-bootstrap';
// ... other imports


@NgModule({
    imports: [
        BrowserModule,
        routing,
        HttpModule,
        JsonpModule,
        ToasterModule,
        CoolHttpModule,
        SlimLoadingBarModule.forRoot(),
        NgbModule.forRoot() //need to be import also here
    ]

ng2-boostrap datePicker实现错误

1 个答案: