title: AngularJS - Multiple 'ui-sref' in single 'ui-sref-active'
body: <p><strong>HTML:</strong></p>
  
  <pre><code>&lt;!-- Order --&gt;
  &lt;li ui-sref-active="active"&gt;
      &lt;a ui-sref="order" class="main_link"&gt;
          &lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;Order
      &lt;/a&gt;
      &lt;a ui-sref="order/create"&gt;&lt;span class="plus"&gt;+&lt;/span&gt;&lt;/a&gt;
      &lt;div class="clearfix"&gt;&lt;/div&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>I want to add <code>class="active"</code> on <code>&lt;li&gt;</code>.</p>
  
  <p>Whenever click on <code>&lt;a ui-sref="order/create"&gt;&lt;span class="plus"&gt;+&lt;/span&gt;&lt;/a&gt;</code> this, that time <code>class="active"</code> add on <code>&lt;li&gt;</code>.</p>
  
  <p><strong>BUT</strong></p>
  
  <p>click on 
  <code>&lt;a ui-sref="order" class="main_link"&gt;&lt;i class="fa fa-shopping-cart"&gt;&lt;/i&gt;Order&lt;/a&gt;</code> that time <code>class="active"</code> not add on <code>&lt;li&gt;</code>.</p>
  
  <p>Your help would be appreciated.</p>