javascript - 需要获取angularjs中选项卡的值

Question

我有传递到选项卡的数组列表。当我选择选项卡时，“s”的值应该反射(reflect)在 Controller 中，但我无法找到解决方案。

  <div class="widget-body padding-10">
            <ul id="Tabs" class="nav nav-tabs bordered">
              <li ng-repeat="s in services track by $index">
                <a id="s{{$index}}tab" href="#s{{$index}}" data-toggle="tab">
                  <i class="fa fa-fw fa-lg fa-file" ></i> {{s}}
                </a>
              </li>
            </ul>
            <div id="TabsContent" class="tab-content padding-10">
              <div class="tab-pane active" id="s{{$index}}" ng-repeat="s in services track by $index">
                <div style="height:500px;width: 100%;">
                  <div id="{{ s }}" style="height:100%;width: 100%" ></div>
                </div>
              </div>
            </div>
          </div>

请帮助我们解决这个问题

Answer 1

将 ng-click 指令添加到您的 li 元素:

  <li ng-repeat="s in services track by $index" ng-click="functionInScope(s)">
        <a id="s{{$index}}tab" href="#s{{$index}}" data-toggle="tab">
          <i class="fa fa-fw fa-lg fa-file" ></i> {{s}}
        </a>
   </li>

从那里你可以做任何你喜欢用 s 值来控制的事情。