Javascript 使用ng单击md选项卡标签

我在使用md选项卡时遇到问题：每当我单击要显示的特定选项卡时，我无法调用控制器功能

以下是我尝试过的几个代码：

<md-tabs md-center-tabs id="menuTabs" md-dynamic-height="true" ng-click="focusSearch()">

            <md-tab label="<i class='fa fa-search'></i>" ng-if="handleResize()">
                <md-content class="control-sidebar-dark" ng-style="{'height' : menuHeight}">

及

及

---

我希望在单击此选项卡时调用我的

focusSearch（）

函数，但她从来没有调用过。

就像Creator建议的那样，我最终使用了一个指令而不是

ng click

：

---

尝试使用这些内置的

md选项卡

属性

• md打开选择

• md打开取消选择

var-app=angular.module（'myapp'，['ngMaterial']）；
应用控制器（'main'，函数（$scope）{
$scope.myClickEvent1=函数（）{
警报（“选定的一个”）；
}
$scope.myClickEvent2=函数（）{
警报（“选择两个”）；
}
});

一个
两个
我在寻找角度/材质6时到达这里，我通过以下Trevors解决方案实现了这一点：

<mat-tab-group (selectedTabChange)="tabChanged($event)">

它属于哪个控制器？@Creator我只有一个应用程序和一个控制器，我的重点是我不能在选项卡上使用ng click。你能为它编写plunker吗？我刚刚修改了Angle Material网站上的一个：只要使用
ng click=“Test（）”
，以便在我们单击更改选项卡时调用该函数。编辑：在代码笔的
md tabs
中添加时，它似乎可以工作，但对我来说不起作用，而且无论如何，我希望只为一个特定的选项卡调用该函数。确定，因此，您可以创建一个指令来侦听click事件，而不是使用ng click。这是一个很好的解决方案，不幸的是，它不适用于这里，因为这个问题是关于AngularJS而不是AngularJS的。
<md-tabs md-center-tabs id="menuTabs" md-dynamic-height="true">

            <md-tab ng-click="focusSearch()" label="<i class='fa fa-search'></i>" ng-if="handleResize()">
                <md-content class="control-sidebar-dark" ng-style="{'height' : menuHeight}">

<mat-tab-group (selectedTabChange)="tabChanged($event)">

   tabChanged(event) {
    if (event.tab.textLabel == 'matchingTabName') {
        //do your stuff
    } else {
        //do your stuff
    }
  }