首页 > angularjs resizable控件

angularjs resizable控件

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


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


通过

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

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

【热门文章】
【热门文章】