szunigav / ng2Draggable

Draggable Angular2 Directive(NgModule)

Ng2Draggable

A angular2 directive provide html block to move block on html plain.

USES

Using NgModule


import {DraggableModule} from 'ng2-draggable';
@NgModule({
imports: [
....,
DraggableModule
],
declarations: [YourAppComponent ],
exports: [YourAppComponent],
bootstrap: [YourAppComponent],
})

For more information have a look at example files.

Basic import {Draggable} from 'ng2-draggable';

@Component({ template:'<div [draggable]> I am a draggable component.</div>', directives: [Draggable] }) ...`

OR

@Component({ templateUrl:'x.template.html', directives: [Draggable] }) ...

in x.template.html

<div [draggable]> I am a draggable component.</div>

Example

#demo