title: ui-sref-active in dropdown
body: <p>I am using below code</p>
  
  <pre><code>&lt;li class="dropdown" ui-sref-active="activeclassroot"&gt;
      &lt;a href="javascript:void(0)" class="dropdown-toggle" data-toggle="dropdown"&gt;Dropdown &lt;span class="caret"&gt;&lt;/span&gt;&lt;/a&gt;
      &lt;ul class="dropdown-menu"&gt;
          &lt;li ui-sref-active="activeclasschild"&gt;&lt;a ui-sref="products1" &gt;products1&lt;/a&gt;&lt;/li&gt;
          &lt;li ui-sref-active="activeclasschild"&gt;&lt;a ui-sref="products2" &gt;products2&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>Here <strong>activeclasschild</strong> class is getting applied successfully. Is there any way to apply <strong>activeclassroot</strong> class to the root <strong>li</strong> if any of the child links are active?</p>