title: Populate a Dropdown list by grouping using AngularJs
body: <p>I have a dropdown list which is used for holding Email Templates . Now , I have categorized this into two types of Templates . One is 'User Generated Templates' and other 'System Generated Templates' . </p>
  
  <p>I have the functionality to keep adding the Templates and they get populates into the Dropdown . </p>
  
  <p>The important part here is to "Group" the Templates as 'Email' and 'System'. I have a condition that, Whenever "USER TEMPLATES" are added , they should be placed above the "system templates" </p>
  
  <p>I need to do populate a Dropdown list such that it gets grouped according to the "User" and "System" templates with AngularJS . How do i do this ?   </p>
  
  <p>Seeking Help !</p>