单击bootstrap 4选项卡链接会导致angularJS控制器刷新

<div ng-controller="TabController">
  <ul class="nav nav-tabs">
    <li ng-class="{ 'active': activeTab === 1 }">
      <a href="#" ng-click="changeTab(1)">Tab 1</a>
    </li>
    <li ng-class="{ 'active': activeTab === 2 }">
      <a href="#" ng-click="changeTab(2)">Tab 2</a>
    </li>
  </ul>

  <div ng-show="activeTab === 1">
    <!-- Tab 1 内容 -->
  </div>
  <div ng-show="activeTab === 2">
    <!-- Tab 2 内容 -->
  </div>
</div>

angular.module('myApp', [])
  .controller('TabController', function($scope) {
    $scope.activeTab = 1;

    $scope.changeTab = function(tabIndex) {
      $scope.activeTab = tabIndex;
    };
  });