0

我试图在选项卡之一之外显示下拉列表，用户应该能够单击下拉选项。任何人都可以请帮助并给出想法，我应该如何实现这一点。我试图上传stackBlitz，不知何故无法这样做。我会提供任何需要的信息。谢谢 ！！

<mat-tab-group>
<mat-tab
    label="PROFILE">
    <mat-select placeholder="PROFILE">
        <mat-option>address</mat-option>

    </mat-select>

    <mat-tab-body>
        <p> Name : ABC</p>
        <p>Age: 123</p>
    </mat-tab-body>
</mat-tab>

<mat-tab
    label="Dashboard">
    <mat-select placeholder="DB">
        <mat-option>1</mat-option>

    </mat-select>

    <mat-tab-body>
        <p> Name : Test</p>
        <p>Age: 123</p>
    </mat-tab-body>
</mat-tab>

4

1 回答 1

0

您可以使用<nav mat-tab-nav-bar>来实现这一点。请参阅：Angular 选项卡和导航

nav mat-tab-nav-bar 类似于 mat-tab 唯一的区别是，您可以将自定义 html 放置在选项卡标题中，在选项卡单击时定义事件，并根据这些事件和您的逻辑，您可以生成选项卡的主体通过路由器插座，或在导航垫标签导航栏下方显示和隐藏组件。

我为你创建了一个 Stackblitz。带有选择的选项卡希望它有所帮助。

于 2018-09-27T07:23:12.743 回答