ng2-boostrap datePicker Implementierungsfehler

Question

Ich implementiere ng2-Bootstrap datePicker in meiner eckigen 2-App, aber konfrontiert mit einigen Arten von Modulen Fehler und ich verstehe nicht, was das Problem dahinter ist.Bitte helfen Sie mir.

module.ts

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

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

html-Datei

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

Fehler

'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

haben Sie in Ihrer Anwendung enthalten. module.ts die lib von Boostrap? wie folgt:

// ... 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 
    ]