无法将选定的选项卡值获取到angular.js中的控制器

Question

在html A中，我调用html B，其中包含tab，如图所示。现在"Save“和"Save All”按钮在html B中我已经使用css移动到顶部，但这不是正确的方法。我需要在html A中的“保存”和“保存所有”按钮，但为此，我需要知道哪个标签是选定的。

HTML B

 <div id="confi">
      <div class="row">
        <section widget-grid id="widget-grid">
          <div class="col col-md-12">
            <div ng-if="currComp" jarvis-widget id="script-widget" data-widget-color="darken" data-widget-colorbutton="false" data-widget-editbutton="false"
              data-widget-deletebutton="false">
              <header>
                <span class="widget-icon">
                  <i class="fa fa-gear"></i>
                </span>
                <h2>Script Configuration for {{comp}}</h2>
              </header>
              <div class="widget-body padding-10">
                <ul id="scriptTabs" class="nav nav-tabs bordered">
                  <li ng-repeat="s in scripts 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}}
                      <!-- <span class="badge bg-color-blue txt-color-white">6</span> -->
                    </a>
                  </li>
                </ul>
                <!-- style="height:400px;margin-bottom: 30px;" -->
                <div id="scriptTabsContent" class="tab-content padding-10">
                  <div class="tab-pane active" id="s{{$index}}" ng-repeat="s in scripts track by $index">
                    <div style="height:753px;width: 100%;">
                      <div id="{{ s }}" style="height:100%;width: 100%"></div>
                      <div style=" position: absolute;margin-top:  -910px;right: 0px;">
                          <button class="btn btn-sm btn-primary pull-right" style="margin-top: 20px;" ng-click="save(s)">Save</button>
                          <button class="btn btn-sm btn-primary pull-right" style="margin-top: 20px;margin-right: 20px;" ng-click="saveAll('all')">Save All</button>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </section>
      </div>

​

目前我在使用TabsContent中的按钮，这样我就可以将"s“的值传递给控制器B，而不是使用ng-click，这会给我带来错误

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

请帮助我在不使用ng-click的情况下获取"s“的值，这样我就可以将"s”的值发送到控制器A以执行save函数。

Answer 1

这只是一个建议，难道我们不能创建一个名为"selectedTab“的变量吗?当你点击选项卡时，只需从该选项卡生成一个KeyUp事件，在这种情况下，你可以更改这个变量的值，而在发布时，只从那个"selectedTab”变量中获取值。

参考如何生成点击事件https://angular.io/guide/user-input