Angularjs:在页面加载时将第一个选项卡初始化为活动的

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>

<div ng-app="myApp">
  <!-- 页面内容 -->
</div>

<script>
var app = angular.module('myApp', []);

app.controller('myCtrl', function($scope) {
  // 控制器逻辑
});
</script>

<div ng-controller="myCtrl">
  <ul class="tabs">
    <li ng-class="{active: activeTab === 1}" ng-click="activeTab = 1">选项卡1</li>
    <li ng-class="{active: activeTab === 2}" ng-click="activeTab = 2">选项卡2</li>
    <li ng-class="{active: activeTab === 3}" ng-click="activeTab = 3">选项卡3</li>
  </ul>
  
  <div class="tab-content">
    <div ng-show="activeTab === 1">选项卡1的内容</div>
    <div ng-show="activeTab === 2">选项卡2的内容</div>
    <div ng-show="activeTab === 3">选项卡3的内容</div>
  </div>
</div>