how to change route for each tab in uib-tabset
<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>