Перетаскивание угловых дочерних компонентов - PullRequest
Новая
       7

Перетаскивание угловых дочерних компонентов

0 голосов
/ 05 апреля 2019

У меня есть 2 дочерних компонента, которые отображаются в виде вкладок в моем родительском компоненте. Я хочу иметь возможность перетаскивать вкладки, как вкладки браузера. Как мне это сделать?

В своем проекте я использую библиотеку primeNG UI. (https://www.primefaces.org/primeng/#/dragdrop). Я попробовал их функцию перетаскивания и увидел, что она работает с обычными элементами DOM, но не с тегами дочерних компонентов.

Ниже приведен HTML-файл моего родительского компонента. Я хочу отобразить дочерние компоненты в виде вкладок. 

<p-tabView id="dashboard-tab-view" class="dashboardViewClass" *ngIf="openTabs && openTabs.length>0" (onChange)="tabChanged($event)" [controlClose]="true" (onClose)="close($event)" (contextmenu)="onRightClick($event)">
    <p-tabPanel *ngFor="let tab of openTabs ; let i = index" [header]="tab.isDirty?'*'+tab.title:tab.title" [closable]="true" [selected]="i==activeTabIndex">
        <div [ngSwitch]="tab.type" class="regularTabView">
            <child1 #child1 *ngSwitchCase="'child1'" [tab]="tab" [id]="tab.id" [projectId]="project.id"></child1>
            <child2 #child2 *ngSwitchCase="'child2'" [tab]="tab" [id]="tab.id" [projectId]="project.id" [data]="tab.additionalData"></child2>
        </div>
    </p-tabPanel>
</p-tabView>

Возможно ли это?

...