文章詳情頁
angular.js - angularjs resizable控件
瀏覽：364日期：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. javascript - immutable配合react提升性能？2. javascript - sublime快鍵鍵問題3. 如何解決Centos下Docker服務啟動無響應，且輸入docker命令無響應？4. javascript - 移動端上不能實現拖拽布局嗎？5. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化6. 實現bing搜索工具urlAPI提交7. index.php錯誤，求指點8. thinkPHP5中獲取數據庫數據后默認選中下拉框的值，傳遞到后臺消失不見。有圖有代碼，希望有人幫忙9. angular.js - 單頁應用（ng/vue）該如何監聽用戶離開當前頁面（或者路由）？10. javascript - ios返回不執行js怎么解決？
排行榜
網公網安備