title: How to go to a different web page and make second tab active in that page using ui-sref
body: <p>I have a link on the first page and when clicked on that link; it goes to second page. I have two tabs on that second page. I want to make the second tab active and user should directly see the contents of that tab.</p>
  
  <p>I have tried using ui-sref but it only takes me to second page and shows first tab as active. Here's my code:</p>
  
  <p>First Page:</p>
  
  <pre><code>&lt;a class="modal-trigger" ui-sref=""manage_schedule({'tab' : 'current'})"&gt;
      &lt;div class="card-action" id="clients-bar"&gt;
          More Details
      &lt;/div&gt;
  &lt;/a&gt;
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>$stateProvider
  .state('manage_schedule', {
  url : "/manage/schedules/:tab",
  templateUrl : "/static/manage_schedule.html",
  })
  </code></pre>
  
  <p>Page with tabs:</p>
  
  <pre><code>&lt;div ng-controller="ManageSchedule"&gt;
      &lt;div class="tabslayout rules"&gt;
          &lt;ul class="tabs"&gt;
              &lt;li class="tab col s4" ng-click="getPastRuns(profile_log_url)"&gt;
                  &lt;a href="#pastschedular" ng-class="{'active' : selectedTab=='past'}"&gt;
                      Past Runs({{runDetails.past_total}})
                      &lt;i class="material-icons refresh-center" ng-if="selectedTab=='past'"&gt;refresh&lt;/i&gt;
                  &lt;/a&gt;
              &lt;/li&gt;
              &lt;li class="tab col s4" ng-click="getRunningSchedules(running_schedules)"&gt;
                  &lt;a href="#runningschedular" ng-class="{'active' : selectedTab=='current'}"&gt;
                      &lt;i class="material-icons refresh-center" ng-if="selectedTab=='current'"&gt;refresh&lt;/i&gt;
                      Currently Executing Runs ({{runDetails.current_total}})
                  &lt;/a&gt;
              &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
      $(function () {
          $("ul.tabs").tabs({});
      });
  &lt;/script&gt;
  </code></pre>