垂直拆分的面板,带有可拖动的手柄,可调整面板的高度

时间:2018-10-03 18:28:08

标签: javascript angular typescript user-interface

我是新手。我正在创建带有“拖动手柄”的垂直拆分面板,以调整顶部和底部树形面板。我已经实现了三个阶段的切换,但是无法通过鼠标事件vise-versa来执行div高度的拖动。我不想使用renderer或HostListener或ng-split指令,也许使用自定义函数/方法会很好。谁能看看我的代码并帮助我。这是我到目前为止所做的。

https://stackblitz.com/edit/angular-hm4zy9?file=src%2Fapp%2Fapp.component.html

1 个答案:

答案 0 :(得分:0)

我的建议是订阅drag event,也不要忘记将draggable="true"添加到您的可拖动元素中。乍一看,计算似乎是正确的。检查demo,我只更改了一部分代码