在angular2-rc.7中導入ng2-select webpack

Question

使用webpack和我安裝了ng2-select使用npm，我安裝了ng2-bootstrap並且工作正常。但我得到下面的錯誤在我的控制檯時，我進口NG2選

Uncaught Error: Unexpected directive 'SelectComponent' imported by the module 'AppModule'

這是我app.module.ts文件：

import { NgModule }  from '@angular/core'; 
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms'; 


import { Ng2BootstrapModule } from 'ng2-bootstrap/ng2-bootstrap'; 
import { SELECT_DIRECTIVES } from "ng2-select/ng2-select"; 

import { AppComponent } from './app.component'; 

@NgModule({ 
    imports:  [ BrowserModule, Ng2BootstrapModule, SELECT_DIRECTIVES], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

app.component.ts

@Component({ 
    selector: 'search', 
    styleUrls: ['app/assets/ng2-select.css'], 
    templateUrl: '<ng-select [items]="items" placeholder="Country"> 
       </ng-select>' 
}) 
export class AppComponent { 
    public items: Array<string> = ['Austria', 'Belgium', 'Bulgaria', 'Croatia', 
    'Czech Republic', 'Denmark', 'England', 'Egypt', 'Finland', 'France', 
    'Germany', 'Greece', 'Hungary', 'Ireland', 'Italy', 'Netherlands', 
    'Poland', 'Spain']; 

} 

任何想法如何解決這個問題。

Answer 1

你必須導入SelectModule在你的AppModule，使其工作，並刪除SELECT_DIRECTIVES：

@NgModule({ 
    imports:  [ BrowserModule, Ng2BootstrapModule, SelectModule], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
}) 
export class AppModule { } 

看到npm package readme瞭解更多詳情。