文章詳情頁
angular.js - angularjs resizable控件
瀏覽：229日期：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 - ubuntu開啟3306端口失敗,有什么辦法可以解決？2. php傳對應的id值為什么傳不了啊有木有大神會的看我下方截圖3. extra沒有加載出來4. javascript - 微信網頁開發從菜單進入頁面后，按返回鍵沒有關閉瀏覽器而是刷新當前頁面，求解決？5. mysql - C#連接數據庫時一直這一句出問題int i = cmd.ExecuteNonQuery();6. mysql日期類型默認值’0000-00-00’ 報錯7. 求救一下，用新版的phpstudy，數據庫過段時間會消失是什么情況？8. mysql replace 死鎖9. windows - asp.net連接上mysql之后如何調用？比如下面的登錄驗證功能怎么實現10. android - 安卓做前端，PHP做后臺服務器 有什么需要注意的？
排行榜
網公網安備