angular.js - angularjs resizable控件

问题描述

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

问题解答

通过

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

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

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