angular.js - angularjs resizable控件

Question

这种控件是怎样实现的，自己写似乎很复杂，在网上找到的资料又很少。
要求，p改变大小的时候可以绑定到angularjs一个控制器的$scope.styles对象里，styles对象有width,height,left,top,rotate五个属性。

Answer 1

通过

var p = angular.element(document.querySelector('#p'))
console.debug(p[0].offsetHeight）

可以获得该元素的完整数据，例如
offsetHeight: 74
offsetLeft: 281
offsetParent: body
offsetTop: 698
offsetWidth: 834，
在directive中监听修改，应该是可以的。

Answer 2

后来研究了下jqueryui里resizable插件，基本可以实现这个功能，但存在缺陷，如没有选择哪个控点，整个p框的变形是以左上角为基准点的，变形起来不是很人性化。