title: how to change route for each tab in uib-tabset
body: <p>When I choose a tab, I want the url to change. should I create a state for each tab ? </p>
  
  <p>This is my code which works fine without changing the state .</p>
  
  <p><strong>My app.js</strong> </p>
  
  <pre><code>var myApp=angular.module('app', ['ui.router','ngAnimate', 'ui.bootstrap']);
  
  myApp.config([
              '$stateProvider',
              '$urlRouterProvider',
              function ($stateProvider, $urlRouterProvider) {
  
                  $stateProvider.state('/', {
                      url: "",
                      views: {
                        "ratios": { templateUrl: "views/requetes.html" },
                        "reqBase": {templateUrl: "views/common.html" },
                        "SQLconsole": {templateUrl: "views/console.html" },
                      }
  
                    });
                  $urlRouterProvider.otherwise('/');
              }]);
  
  
  
  myApp.controller('TabsCtrl', function ($rootScope, $state, $scope, $window) {
  
       $scope.tabs = [
                      { title: "ratios", route: "ratios", active: true },
                      { title: "requetes de Base", route: "reqBase", active: false },
                      { title: "Console", route: "SQLconsole", active: false },
                  ];
  
  });
  </code></pre>
  
  <p><strong>Tabset definition:</strong></p>
  
  <pre><code>&lt;div data-ng-controller="TabsCtrl"&gt;    
  
       &lt;uib-tabset&gt;
                  &lt;uib-tab ng-repeat="tab in tabs" heading="{{tab.title}}" active="tab.active" disable="tab.disabled"&gt;
                      &lt;div ui-view="{{tab.route}}"&gt;&lt;/div&gt;
                  &lt;/uib-tab&gt;
              &lt;/uib-tabset&gt;
  
      &lt;/div&gt;
  </code></pre>