title: Ordering components in angular
body: <p>I need to sort components dynamically in the following template</p>
  
  <pre><code>&lt;div class="orderList"&gt;
      &lt;componentA&gt;&lt;/componentA&gt;
      &lt;componentB&gt;&lt;/componentB&gt;
      &lt;componentC&gt;&lt;/componentC&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>by the object like</p>
  
  <pre><code>orders: {
      componentA: 2,
      componentB: 3,
      componentC: 1
  }
  </code></pre>
  
  <p>So I expect to see componentC at first then componentA and finally componentB?</p>
  
  <p><strong>Notes:</strong> components are more than three</p>