如何使AngularJS uib选项卡集中的选项卡可链接？

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/2.5.6/ui-bootstrap-tpls.min.js"></script>

var app = angular.module('myApp', ['ui.bootstrap']);

<uib-tabset>
  <uib-tab heading="Tab 1" active="true" href="#/tab1">
    <!-- Tab 1 content -->
  </uib-tab>
  <uib-tab heading="Tab 2" href="#/tab2">
    <!-- Tab 2 content -->
  </uib-tab>
  <uib-tab heading="Tab 3" href="#/tab3">
    <!-- Tab 3 content -->
  </uib-tab>
</uib-tabset>

app.config(function($routeProvider) {
  $routeProvider
    .when('/tab1', {
      templateUrl: 'tab1.html',
      controller: 'Tab1Controller'
    })
    .when('/tab2', {
      templateUrl: 'tab2.html',
      controller: 'Tab2Controller'
    })
    .when('/tab3', {
      templateUrl: 'tab3.html',
      controller: 'Tab3Controller'
    })
    .otherwise({
      redirectTo: '/tab1'
    });
});