文章詳情頁
angular.js - angularjs resizable控件
瀏覽:345日期: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. boot2docker無法啟動2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. docker-compose中volumes的問題4. java - SSH框架中寫分頁時service層中不能注入分頁類5. nignx - docker內nginx 80端口被占用6. javascript - mock.js可以存儲數據嗎7. docker安裝后出現Cannot connect to the Docker daemon.8. dockerfile - 為什么docker容器啟動不了?9. docker api 開發的端口怎么獲取?10. golang - 用IDE看docker源碼時的小問題
排行榜

網公網安備