文章詳情頁
angular.js - angularjs resizable控件
瀏覽:358日期:2024-10-13 11:22:03
問題描述

這種控件是怎樣實現的,自己寫似乎很復雜,在網上找到的資料又很少。要求,p改變大小的時候可以綁定到angularjs一個控制器的$scope.styles對象里,styles對象有width,height,left,top,rotate五個屬性。
問題解答
回答1:通過
var p = angular.element(document.querySelector(’#p’))console.debug(p[0].offsetHeight)
可以獲得該元素的完整數據,例如offsetHeight: 74offsetLeft: 281offsetParent: bodyoffsetTop: 698offsetWidth: 834,在directive中監聽修改,應該是可以的。
回答2:后來研究了下jqueryui里resizable插件,基本可以實現這個功能,但存在缺陷,如沒有選擇哪個控點,整個p框的變形是以左上角為基準點的,變形起來不是很人性化。
相關文章:
1. mac連接阿里云docker集群,已經卡了2天了,求問?2. docker網絡端口映射,沒有方便點的操作方法么?3. debian - docker依賴的aufs-tools源碼哪里可以找到啊?4. 百度地圖api - Android 百度地圖 集成了定位,導航 相互的jar包有沖突?5. vim - docker中新的ubuntu12.04鏡像,運行vi提示,找不到命名.6. 為什么我ping不通我的docker容器呢???7. angular.js - angular內容過長展開收起效果8. html5和Flash對抗是什么情況?9. golang - 用IDE看docker源碼時的小問題10. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?
排行榜

網公網安備