각도 2로 드래그 앤 드롭

Question

이 드래그 앤 드롭 라이브러리를 사용하는 방법은 무엇입니까?

http://akserg.github.io/ng2-webpack-demo/#/dnd

저자는 받아 들일 수없는 무엇 내 프로젝트에 가져 (내 이메일에 응답하지 않습니다) 어떻게 어떤 자습서를 제공하지 않았다. Plumker 예제에는 정의되지 않은 변수가 포함되어 있습니다.이 라이브러리를 사용 했습니까?

감사

Answer 1

도서관이 여기에 사용하는 방법 : 는 https://github.com/akserg/ng2-dnd
당신은 사용하여 프로젝트에서 패키지를 설치 한 후

npm install ng2-dnd --save 

Answer 2

를 설치할 수 있습니다

npm install ng2-dnd --save 

당신이 포함해야 응용 프로그램 모듈의 패키지

import {BrowserModule} from "@angular/platform-browser"; 
import {NgModule} from '@angular/core'; 
import {DndModule} from 'ng2-dnd'; 

@NgModule({ 
    imports: [ 
     BrowserModule, 
     DndModule.forRoot() 
    ], 
    bootstrap: [AppComponent] 
}) 
export class AppModule { 
} 

이 단계를 수행 한 후, 패키지가 응용 프로그램에 포함되어 당신이 어떤을 필요로하지 않는 한 (구성 요소의 각 가져올 필요가 없습니다 : 패키지의 문서 (https://github.com/akserg/ng2-dnd)는로한다고 설명한다 패키지가 제공하는 서비스의 인스턴스).

다음은 구성 요소에서 지시어를 사용하는 방법입니다.

<div dnd-droppable class="panel panel-info" (onDropSuccess)="simpleDrop=$event">