使用 AngularJS 调整表格列的大小

Question

我想实现可调整大小的表格列，这样当您单击并拖动th右侧的“凹口”（只是th内的样式 div）时，将在th内创建一个新的“选取框”元素，并且显示为调整大小的指南。 在 mouseup 上，选取框消失，第th元素的宽度设置为新宽度。

我创建了一个小提琴来说明。

似乎答案是创建一个指令，但我的主要问题是如何处理动态添加的窗口 mousemove 侦听器以及指令逻辑中的“一个”窗口 mouseup 侦听器。

Answer 1

我相信您的问题是关于“选取框”，即为调整大小而显示的。 这个问题的解决方案是使用$scope.$apply ，它负责通知自动调整大小到 DOM HTML 的变化。 查看mousemove(e) 。

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