/angular-drag-and-drop

An example of a drag and drop implementation in Angular

Primary LanguageTypeScriptMIT LicenseMIT

DragAndDrop

Demo: https://threeventures.com/demo/angular/drag-and-drop/

Implementation Details

There are really three key parts to this repository:

  1. /src/app/drag.service.ts
  2. /src/app/draggable.directive.ts
  3. /src/app/droppable.directive.ts

The service is a means of communication between two directives (draggable and droppable). Draggable directive is self defined, as is droppable.

See the blog post at https://threeventures.com/blog/ for more details

Angular Stuff

This project was generated with Angular CLI version 1.3.0.

Development Server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The app will automatically reload if you change any of the source files.