angular2-rc.7 webpack에서 ng2-select 가져 오기

Question

webpack을 사용하고 npm을 사용하여 ng2-select를 설치했고 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

당신은 그것이 작동되도록하려면 AppModule에 SelectModule을 가져올 수 있고, SELECT_DIRECTIVES을 제거 :

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

은 자세한 내용은 npm package readme를 참조하십시오.