title: Angularjs bootstrap dropdown not working
body: <p>Am bit new to angularjs and bootstrap.</p>
  
  <p>Am trying to add a simple dropdown. But it is not working.</p>
  
  <p>Tried out the suggestion @ <a href="https://stackoverflow.com/questions/18966079/bootstrap-3-simple-dropdown-not-working">Bootstrap 3 simple dropdown not working</a>. That is also not working.</p>
  
  <pre><code>&lt;li class="dropdown"&gt;
  &lt;a class="dropdown-toggle" data-toggle="dropdown" ui-sref="a"&gt;a&lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;ul class="dropdown-menu"&gt;
    &lt;li&gt;&lt;a ui-sref="a"&gt;a&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="b"&gt;b&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="c"&gt;c&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="d"&gt;d&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="e"&gt;e&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="f"&gt;f&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="g"&gt;g&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="h"&gt;h&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="i"&gt;i&lt;/a&gt;&lt;/li&gt;         
    &lt;li&gt;&lt;a ui-sref="j"&gt;j&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a ui-sref="k"&gt;k&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Complete code @ <a href="http://plnkr.co/edit/uFDFOJfHjL5qY9nVEykq?p=preview" rel="noreferrer">http://plnkr.co/edit/uFDFOJfHjL5qY9nVEykq?p=preview</a></p>
  
  <p>Hope someone would help me out.</p>