文章詳情頁
angular.js - angularjs resizable控件
瀏覽：243日期：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. 數據庫 - Mysql的存儲過程真的是個坑！求助下面的存儲過程哪里錯啦，實在是找不到哪里的問題了。2. ios - 類似微博首頁，一張圖的時候是如何確定圖大小的？3. python - Django有哪些成功項目？4. MySQL主鍵沖突時的更新操作和替換操作在功能上有什么差別(如圖)5. Python中使用超長的List導致內存占用過大6. node.js - 微信小程序websocket連接問題7. javascript - vue過渡效果 css過渡 類名的先后順序8. javascript - 我是做web前端的，公司最近有一個項目關于數據統計的！9. javascript - 如何使用loadash對[object,object,object]形式的數組進行比較10. javascript - vuejs+elementui 購物車價格計算，點擊加減號修改數量總價都不會改變，但是計算執行了
排行榜
網公網安備