title: How to display the selected Item on Bootstrap Dropdown Title in Angular?
body: <p>Don't be mean because I'm new to Angular. So I have a bootstrap Dropdown component in my project and I would like to change the text of the button depending on the clicked link.</p>
  
  <p>On the internet, I've only come across JQuery <a href="http://jsfiddle.net/cmcculloh/xnpf1rr9/" rel="nofollow">implementation</a>.</p>
  
  <p>So does anyone know how to do this in Angularjs? Thanks in advance.</p>
  
  <p><a href="http://codepen.io/Alexnotonfire/pen/GpQpYG" rel="nofollow">Codepen</a> sandbox</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div ng-app='myApp'&gt;
    &lt;div ng-controller='DropdownCtrl'&gt;
  
      &lt;div class="btn-group" uib-dropdown is-open="status.isopen"&gt;
        &lt;button id="single-button" type="button" class="btn btn-primary" uib-dropdown-toggle ng-disabled="disabled"&gt;
          Button dropdown &lt;span class="caret"&gt;&lt;/span&gt;
        &lt;/button&gt;
        &lt;ul class="uib-dropdown-menu" role="menu" aria-labelledby="single-button"&gt;
          &lt;li role="menuitem"&gt;
            &lt;a href="#"&gt;Action&lt;/a&gt;
            &lt;a href="#"&gt;Another action&lt;/a&gt;
            &lt;a href="#"&gt;Something else here&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
      &lt;/div&gt;
  
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>JS</strong></p>
  
  <pre><code>angular.module('myApp', ['ui.bootstrap']).controller('DropdownCtrl', function ($scope) {
  
  });
  </code></pre>