javascript - 谁在调用该函数？

在我的应用程序中，发生了一些奇怪的事情。

我的控制器有两个功能，一个添加标签，一个删除标签。

这是代码：

$scope.createTab = function(){
         $scope.addTab("New Tab",50,0);
         console.log($scope.mbpTabs.length);
    }

$scope.deleteTab= function (index){
        $scope.mbpTabs.splice(index,1);
    }

我省略了addTab的代码，因为我认为我的问题不需要它。

这是我的标签的结构：

   <md-tabs class="stretch-height" flex md-selected="mbpSelectedIndex" md-border-bottom md-autoselect md-dynamic-height>
    <md-tab ng-repeat="tab in mbpTabs" md-on-select="onTabSelected(tab)">
        <md-menu context-menu>
            <div flex class="mbpTable" ng-right-click="$mdOpenContextMenu($event)">{{tab.title}}</div>
            <md-menu-content>
                <md-menu-item >
                    <md-button  ng-click="deleteTab($index)" ng-disabled="mbpTabs.lenght<=1">
                       Delete
                    </md-button>
              </md-menu-item>

            </md-menu-content>
        </md-menu>
        <md-tab-body>
                ...
        </md-tab-body>
    </md-tab>
    <md-tab md-on-select="createTab()">
            <md-tab-label>
                <div class="mbpTable" >+</div>
            </md-tab>
 </md-tabs>

当我从上下文菜单中选择删除选项时，删除某些内容后会触发createTab函数（如浏览器调试器所示）。我怎么知道它是什么？我在代码中找不到任何内容（我试图在整个项目中对createTab命令进行大量研究，但我无法弄清楚）。

谢谢

编辑：

遵循以下建议，这是createTab的调用堆栈：



好像不是我的错

编辑2：

仅当已经创建了新选项卡时，它才会发生。

编辑3：

它仅在某些条件下有效：

1）仅当以前选择了选项卡并且当前未选择该选项卡时，删除新选项卡才能正常工作（不会创建新选项卡）。

2）仅当未创建新选项卡时，才删除在页面加载中创建的选项卡。

我仍然无法解释。

最佳答案

在md-on-select="createTab()"中，删除旧选项卡后，该选项卡被选中。您可以尝试将此绑定到另一个事件。