What could be a quick and fast way for reordering UI list?
<p>Im using Angular 2 &amp; Typescript .</p>

<p>In my project im presenting a simple list of json objects, the html looks like this:</p>

<pre><code>&lt;div&gt;
  &lt;!-- Present List Button --&gt;
  &lt;button md-button
          (click)="showList()"
          class="md-primary"
          title="show list"&gt;Cropping&lt;/button&gt;
&lt;/div&gt;


&lt;md-content&gt;
  &lt;div *ngIf="showList"&gt;
  &lt;div class="list-bg"  *ngFor="#list of lists | async"&gt;
    ID: {{list.id}} &lt;p&gt;&lt;/p&gt; Number of Items: {{list.numberOfItems}}
  &lt;/div&gt;
  &lt;/div&gt;
&lt;/md-content&gt;
</code></pre>

<p>very simple list.</p>

<p>Now I want some kind of method to reorder this list and set the lists array to the new order.</p>

<p>Im looking for a method that a user cal reorder the list however he wants, like change the list by priority.</p>

<p>Could someone please help me to find a method that will be quick to implement and will work good?</p>

<p>(I looked into some drag and drop libraries but I work with specific ver of Angular 2 (2.0.0-beta.15) which non of them support.)</p>

<p>Thanks allot!</p>