вертикально разделенная панель с перетаскиваемой ручкой для регулировки высоты панели

Question

Я новичок в угловой.Я создаю вертикально разделенную панель с «ручкой перетаскивания» для настройки верхней и нижней панели дерева.Я реализовал три этапа переключения, но я не могу выполнить перетаскивание высоты div с помощью события мыши, наоборот.Я не хочу использовать Renderer или HostListener или директиву ng-split, может быть, с пользовательской функцией / методом было бы хорошо.Кто-нибудь может посмотреть на мой код и помочь мне.вот что я сделал до сих пор.

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

Answer 1

Я предлагаю подписаться на событие перетаскивания , также не забудьте добавить draggable = "true" к перетаскиваемому элементу.Расчеты кажутся правильными с первого взгляда.Проверьте демо , я немного изменил ваш код