title: How to select particular tab in target file
body: <p>I have two buttons in a html page, if I click on the first button I want to select the first tab in the target html file. If I click on the second button, I want to select the second tab of the target html file.</p>
  
  <p>Is it possible? I have heard of <code>ui-sref-active</code> but I don't see how I can apply it in my case.</p>
  
  <p>In my home.html page I have : </p>
  
  <pre><code>&lt;div class="col-md-1"&gt;
      &lt;button class="btn btn-info btn-lg" ui-sref="tab1"&gt;&lt;/button&gt;&lt;br&gt;Tab1
  &lt;/div&gt;
  &lt;div class="col-md-1"&gt;
      &lt;button class="btn btn-info btn-lg" ui-sref="tab2"&gt;&lt;/button&gt;&lt;br&gt;Tab2
  &lt;/div&gt;
  </code></pre>
  
  <p>ui-router : </p>
  
  <pre><code>.state('tab1', {
      parent: 'entity',
      url: '/tabs',
      views: {
          'content@': {
          templateUrl: 'app/entities/tabs.html',
          controller: 'TabsController',
          controllerAs: 'vm'
          }
      },
      resolve: {
      }
  })
  
  .state('tab2', {
      parent: 'entity',
      url: '/tabs',
      views: {
          'content@': {
          templateUrl: 'app/entities/tabs.html',
          controller: 'TabsController',
          controllerAs: 'vm'
          }
      },
      resolve: {
      }
  })
  </code></pre>
  
  <p>tabs.html : </p>
  
  <pre><code>&lt;uib-tabset active="activeForm" id="rapportAlerteForm"&gt;
      &lt;uib-tab
          index="0" heading="Tab1"&gt;
      &lt;/uib-tab&gt; 
      &lt;uib-tab
          index="1" heading="Tab2"&gt;
      &lt;/uib-tab&gt; 
  &lt;/uib-tabset&gt;
  </code></pre>