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

时间:2019-10-10 14:43:12

标签: html angularjs hyperlink angular-ui-bootstrap

添加脚本以链接

我正在尝试加载特定的页面内容。 为此,我需要使用Rawdata tab(而不是摘要)打开该页面。 我需要在链接中添加些什么,以确保该页面将加载“ Rawdata”

How the page loaded

<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>

1 个答案:

答案 0 :(得分:0)

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

有关更多信息,请参见