Question

我正在考虑一种让自定义组件知道选择托管它的选项卡的方法。让我们说出我拥有的东西：

<md-tab-group (selectChange)="activateTab($event)">
    <md-tab *ngFor="let tab of tabs">
        <ng-template md-tab-label>
            <em>{{tab.label}}</em><span fxFlex></span><button class="md-button md-fab-close" (click)="removeTab(tab)"><md-icon md svgIcon="fd-close"></md-icon></button>
        </ng-template>
        <info-pane [viewBag]="tab.viewBag"></info-pane>
    </md-tab>
</md-tab-group>

InfoPaneComponent有一个名为actualize的方法，应该在激活标签时调用。

selectChange会发出一个MdTabChangeEvent，其中包含标签索引和MdTab本身，但我无法找到一种方法来深入研究并进入InfoPaneComponent。而且我没有找到一种正确的方法来调用该方法而无需深入研究MdTab，有人可以给我任何线索吗？

Answer 1

您应该为InfoPaneComponent创建一个@ViewChild属性，然后通过检查选项卡索引（如果您有多个选项卡）在SelectChange事件上调用它。以下是如何使用@ViewChild的参考 http://learnangular2.com/viewChild/

通知组件已激活托管选项卡

1 个答案: