Угловой 6: дисплей выпадающий, кроме вкладки мат - PullRequest
Новая
       22

Угловой 6: дисплей выпадающий, кроме вкладки мат

0 голосов
/ 27 сентября 2018

Я пытаюсь отобразить раскрывающийся список помимо одной из вкладок, и пользователь должен иметь возможность щелкнуть параметры раскрывающегося списка.Может кто-нибудь, пожалуйста, помогите и дайте идею, как мне этого добиться. Я пытался загрузить 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>

1 Ответ

0 голосов
/ 27 сентября 2018

Вы можете использовать <nav mat-tab-nav-bar> для достижения этой цели.См .: Угловые вкладки и навигация

nav. Mat-tab-nav-bar аналогичен mat-tab, единственное отличие состоит в том, что вы можете размещать пользовательский HTML-код в заголовках вкладок, определять событие нащелкает вкладки и, основываясь на этих событиях и вашей логике, вы можете генерировать тело вкладок либо через выход маршрутизатора, либо показывая и скрывая компоненты под панелью навигации mat-tab-nav-bar.

Я создалStackblitz для вас. Вкладки с Select Надеюсь, это поможет.

...