這種控制是怎麼實現的，自己寫似乎很複雜，在網路上找到的資料又很少。 要求，p改變大小的時候可以綁定到angularjs一個控制器的$scope.styles物件裡，styles物件有width,height,left,top,rotate五個屬性。
通過
var p = angular.element(document.querySelector('#p')) console.debug(p[0].offsetHeight）
可以獲得該元素的完整數據，例如 offsetHeight: 74 offsetLeft: 281 offsetParent: body offsetTop: 698 offsetWidth: 834， 在directive中監聽修改，應該是可以的。
後來研究了下jqueryui裡resizable插件，基本上可以實現這個功能，但存在缺陷，如沒有選擇哪個控點，整個p框的變形是以左上角為基準點的，變形起來不是很人性化。
通過
可以獲得該元素的完整數據，例如
offsetHeight: 74
offsetLeft: 281
offsetParent: body
offsetTop: 698
offsetWidth: 834，
在directive中監聽修改，應該是可以的。
後來研究了下jqueryui裡resizable插件，基本上可以實現這個功能，但存在缺陷，如沒有選擇哪個控點，整個p框的變形是以左上角為基準點的，變形起來不是很人性化。