title: ordering the div as per data
body: <p>I am creating a web app based on html angularjs</p>
  
  <p>I have two div's </p>
  
  <p>Div 1</p>
  
  <pre><code>&lt;div class="box1" style="margin-top:20px;"&gt; 
      &lt;span ng-repeat="i in data" style="font-size:14px; font-weight:normal"&gt;{{i.div1}}&lt;/span&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>Div2</p>
  
  <pre><code>&lt;div class="box1" style="margin-top:20px;"&gt; 
      &lt;span ng-repeat="i in data2" style="font-size:14px; font-weight:normal"&gt;{{i.div2}}&lt;/span&gt;
  &lt;/div&gt; 
  </code></pre>
  
  <p>in my controller </p>
  
  <pre><code>i.div1 is 20
  
  i.div2 is 50
  </code></pre>
  
  <p>Now i have one dropdownlist</p>
  
  <pre><code>&lt;select&gt;
      &lt;option&gt;more&lt;/option&gt;
      &lt;option&gt;less&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>if a user clicks on more, div 2 should show above the div 1 and if user clicks less div 1 show above the div 2,</p>
  
  <p>what i need to do</p>