添加到链接以使页面加载并选择特定选项卡的内容答案

【问题标题】：What to add to link to make page load with specific tab selected添加到链接以使页面加载并选择特定选项卡的内容
【发布时间】：2020-02-08 01:19:44
【问题描述】：

添加脚本到链接

我正在尝试加载特定的页面内容。为此，我需要使用 Rawdata tab 而不是摘要打开该页面。我需要添加到链接中以确保该页面将加载“原始数据”

<ul class="nav nav-tabs"
    ng-class="{'nav-stacked': vertical, 'nav-justified': justified}"
    ng-transclude="">
  <li class="uib-tab nav-item ng-scope ng-isolate-scope active"
      data-select="tabChanged('Summary')"
      data-heading="Summary" data-index="'Summary'"
      data-uib-tab=""
      ng-class="[{active: active, disabled: disabled}, classes]">
    <a class="nav-link ng-binding" href="" ng-click="select($event)"
       uib-tab-heading-transclude="">Summary</a>
  </li>
  <li class="uib-tab nav-item ng-scope ng-isolate-scope" data-select="tabChanged('Pareto')" data-heading="Pareto" data-index="'Pareto'" data-uib-tab="" ng-class="[{active: active, disabled: disabled}, classes]">
    <a class="nav-link ng-binding" href="" ng-click="select($event)" uib-tab-heading-transclude="">Pareto</a>
  </li>
  <li class="uib-tab nav-item ng-scope ng-isolate-scope"
      data-select="tabChanged('RawData')" data-heading="Rawdata"
      data-index="'RawData'" data-uib-tab=""
      ng-class="[{active: active, disabled: disabled}, classes]">
    <a class="nav-link ng-binding" href=""
       ng-click="select($event)" uib-tab-heading-transclude="">Rawdata</a>
  </li>
  <li class="uib-tab nav-item ng-scope ng-isolate-scope" data-select="tabChanged('SummaryTable')" data-heading="Waiting Hours" data-index="'SummaryTable'" data-uib-tab="" ng-class="[{active: active, disabled: disabled}, classes]">
    <a class="nav-link ng-binding" href="" ng-click="select($event)" uib-tab-heading-transclude="">Waiting Hours</a>
  </li>
  <li class="uib-tab nav-item ng-scope ng-isolate-scope" data-select="tabChanged('Analysis')" data-heading="Analysis" data-index="'Analysis'" data-uib-tab="" ng-class="[{active: active, disabled: disabled}, classes]">
    <a class="nav-link ng-binding" href="" ng-click="select($event)" uib-tab-heading-transclude="">Analysis</a>
  </li>
</ul>

【问题讨论】：

标签： html angularjs hyperlink angular-ui-bootstrap

【解决方案1】：

在 AngularJS 框架编译之前显示模板会很有帮助。查找 <uib-tabset> 元素。它将显示控制选项卡选择的范围变量。

有关详细信息，请参阅

Angular-UI-Bootstrap tabs Directive Reference and Demo

【讨论】：