title: Angular Select Tag with Bootstrap Dropdown Styling
body: <p>I need to create custom styling for a select dropdown (including the options). The more I've dug into this, the more I've realized that styling options is quite difficult.
  I'm currently using Bootstrap's dropdown and it works great, except for the fact that I have to use a function to assign a value.
  This is how I am currently using a 'custom select dropdown':</p>
  
  <pre><code>&lt;div class="form-element-container"&gt;     
      &lt;div class="drop-down dropdown-toggle"&gt;       
          &lt;label for="chooseAdvisor"&gt;&lt;/label&gt;       
          &lt;div&gt;         
              &lt;button class="btn btn-default dropdown-toggle" type="button" data-toggle="dropdown"&gt;{{mySelection}}&lt;/button&gt;         
              &lt;ul class="dropdown-menu"&gt;           
                  &lt;li ng-repeat="option in options"&gt;&lt;a href="" ng-click="setSelection(option)"&gt;{{option}}&lt;/a&gt;&lt;/li&gt;       
              &lt;/ul&gt;     
          &lt;/div&gt;   
      &lt;/div&gt; 
  &lt;/div&gt;
  </code></pre>
  
  <p>You can see that on click, I have to manually set the option in my controller rather than it being directly bound to my model. Is there any way that I can use Bootstrap's dropdown styling with angular's select tag?
  </p>
  
  <p>I would love to be able to use my options repeater with 'track by', etc:</p>
  
  <pre><code>&lt;select ng-options="item as item.label for item in items track by item.id" ng-model="selected"&gt;&lt;/select&gt;
  </code></pre>