使用 AngularJS 調整表格列的大小

Question

我想實現可調整大小的表格列，這樣當您單擊並拖動th右側的“凹口”（只是th內的樣式 div）時，將在th內創建一個新的“選取框”元素，並且顯示為調整大小的指南。 在 mouseup 上，選取框消失，第th元素的寬度設置為新寬度。

我創建了一個小提琴來說明。

似乎答案是創建一個指令，但我的主要問題是如何處理動態添加的窗口 mousemove 偵聽器以及指令邏輯中的“一個”窗口 mouseup 偵聽器。

Answer 1

我相信您的問題是關於“選取框”，即為調整大小而顯示的。 這個問題的解決方案是使用$scope.$apply ，它負責通知自動調整大小到 DOM HTML 的變化。 查看mousemove(e) 。

代碼： http : //jsfiddle.net/4d6Bd/31/