title: Angular2 : ng2-dragula - nested dragula
body: <p>I have a requirement to use nested ng-dragula in AngularJS 2 for the below nested student list items.</p>
  
  <p>Student 1
      book1
      book2
      book3</p>
  
  <p>Student 2
      book4
      book5
      book6</p>
  
  <p>Student 3
      book7
      book8
      book9</p>
  
  <p>I have to drag and drop Student position, which i am able to do it with the below code.</p>
  
  <pre><code>&lt;div [dragula]='"student-bag"' [dragulaModel]='studentList'&gt;
       &lt;div class="row" *ngFor="let student of studentList; let stud = index"&gt;
          ...
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I have to drag &amp; drop the books with in student as well as between students. Something like below.</p>
  
  <p>Student 1
      book1
      <strong>book3
      book2</strong></p>
  
  <p>Student 2
      book4
      book5</p>
  
  <p>Student 3
      book7
      <strong>book6</strong>
      book8
      book9</p>
  
  <p>I tried the below code</p>
  
  <pre><code>&lt;div [dragula]='"student-bag"' [dragulaModel]='studentList'&gt;
       &lt;div class="row" *ngFor="let student of studentList; let stud = index"&gt;
          ...
          &lt;div [dragula]='"book-bag"' [dragulaModel]='student.books'&gt;
               &lt;div class="row" *ngFor="let book of student.books; let bk= index"&gt;
                ....
               &lt;/div&gt;
          &lt;/div&gt;
       &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>however book item is not draggable either within student or between students. please suggest.</p>