Angular 2材質彈性佈局分割窗格

我在使用flex-layout的第一個角度2.4/Angular材質應用程序中蹣跚而行。它有一列三行填滿屏幕。我想在底部兩行之間添加一個分隔線，並通過在桌面和觸摸屏上拖動分隔線來使每個分隔線的高度可以重新調整大小。我試圖實現幾個可用的模塊來宣傳此功能，但每個模塊都有各種問題。角分裂是最有前途的，但似乎與我現有的代碼/ webpack構建配置兼容性問題：https://bertrandg.github.io/angular-split/#/Angular 2材質彈性佈局分割窗格

任何人都有這種類型的功能，可能會幫助我開始工作的任何示例。

任何輸入表示讚賞。

<div class="flex-container content" fxLayout="column" fxLayoutAlign="top center"> 
    <div class="flex-item search-topbar" fxFlex="35%"> 
    </div> 
    <div class="flex-item" fxFlex="40%"> 
     <!--Map--> 
    </div> 
    <div class="flex-item result-bar" fxFlex="25%"> 
     <!--Search Results-->  
    </div> 
</div>

來源

2017-04-06 Ali Goodnature-Wieckowicz