Merge branch 'wip/dragula-options-input-binding' of git://github.com/…

…mgiuliani/ng2-dragula into mgiuliani-wip/dragula-options-input-binding

README.md

@@ -121,6 +121,19 @@ class ConfigExample {
 }
 ```
 
+You can also set your options by binding an options object to the `dragulaOptions` attribute.
+
+```js
+options: any = {
+  removeOnSpill: true
+}
+```
+
+```html
+<div [dragula]='"bag-one"' [dragulaOptions]="options"></div>
+<div [dragula]='"bag-two"' [dragulaOptions]="options"></div>
+```
+
 ## Events
 
 Whenever a `drake` instance is created with the `dragula` directive, there are several events you can subscribe to via `DragulaService`. Each event emits an `Array` where the first item is the name of the bag. The remaining items depend on the event. The sample below illustrates how you can use destructuring to assign the values from the event. Refer to: https://github.com/bevacqua/dragula#drakeon-events

src/components/dragula.class.ts

@@ -1,2 +1,2 @@
 import * as dragulaExpt from 'dragula';
-export const dragula: (value?: any) => any = (dragulaExpt as any).default || dragulaExpt;
+export const dragula: (containers?: any, options?: any) => any = (dragulaExpt as any).default || dragulaExpt;

src/components/dragula.directive.ts

@@ -6,6 +6,7 @@ import { dragula } from './dragula.class';
 export class DragulaDirective implements OnInit, OnChanges {
   @Input() public dragula: string;
   @Input() public dragulaModel: any;
+  @Input() public dragulaOptions: any;
   private container: any;
   private drake: any;
 
@@ -34,9 +35,7 @@ export class DragulaDirective implements OnInit, OnChanges {
       checkModel();
       this.drake.containers.push(this.container);
     } else {
-      this.drake = dragula({
-        containers: [this.container]
-      });
+      this.drake = dragula([this.container], Object.assign({}, this.dragulaOptions));
       checkModel();
       this.dragulaService.add(this.dragula, this.drake);
     }