文章詳情頁
angular.js - angularjs resizable控件
瀏覽：280日期：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. 在應用配置文件 app.php 中找不到’route_check_cache’配置項2. html按鍵開關如何提交我想需要的值到數據庫3. HTML 5輸入框只能輸入漢字、字母、數字、標點符號？正則如何寫？4. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下5. gvim - 誰有vim里CSS的Indent文件, 能縮進@media里面的6. 跟著課件一模一樣的操作使用tp6,出現了錯誤7. PHP類屬性聲明？8. javascript - 請教如何獲取百度貼吧新增的兩個加密參數9. html - 微信瀏覽器h5<video>標簽問題10. java - 安卓接入微信登錄,onCreate不會執行
排行榜
網公網安備