时间戳

首页 > 解决方案 > 需要在angularjs中获取选项卡的值

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

问题描述

我有传递给选项卡的数组列表。当我选择选项卡时，“s”的值应该反映在我无法找到解决方案的控制器中。

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

请帮助我们解决这个问题

标签： javascriptangularjstwitter-bootstrap-3

解决方案

将 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 值控制的事情。

推荐阅读