如題,例如點擊一個按鈕,在它附近彈出下拉框,怎樣的方案會好些呢
我的想法是類似傳統的方法,先在頁面寫好彈框,用ng-if隱藏,點擊按鈕的時候,顯示,然後根據點擊按鈕的位置修改彈框的位置,獲取位置和修改位置都不好獲取。
我的思路整個方法都是傳統的方法,所以想問下,在angular裡怎樣實現這個功能會比較好呢
謝邀。
看你提供的介面是worktile的介面worktile官方其實開源了這個元件叫做angular-wt-pbox,github位址https://github.com/WorktileTe...你在worktile看到的彈框就是這個
他對於為什麼不使用 ui-bootstrap 的 dropdown也有說明
ui-bootstrap 的 dropdown 不支援動態編譯模板,不適合在清單中彈出複雜互動的層
彈出層的位置只有上下,不能左右或根據框體大小或位置情況自動調節
你的思路沒有問題,一般在ng裡,這種牽涉到ui細節的髒活累活,都是directive來做的。用來觸發的button就可以封裝成directive,以便你dom操作取得它的座標以及長寬,然後再派發事件來show選單,另外如果不想分開寫也可以把選單和按鈕寫在一起,這樣比較好操作。
因為一直用bootstrap…
這裡直接給你個粗暴的鏈接,思路跟你一樣,directive封裝。
http://angular-ui.github.io/b...
謝邀
在沒有現成樣式的情況下,這種情況最好的是封裝成一個指令directive,將點擊的button跟顯示的list封裝在一起,然後直接通過css定位就可以了,封裝在同個directive裡面,只要透過某一個變數就可以控制list的顯示與隱藏。
不過現在也有很多angualr的第三方插件。用得最多的應該就是angular-bootstrap,不管是angular1還是angular2都有相應的版本支持,我現在的項目也有用它,提供了分頁啊,時間控件等。
感謝各位,回頭研究下dropdown和wt-pbox的源碼,感覺現在用angular束手束腳,還是太不熟悉了!
謝邀。
看你提供的介面是worktile的介面
worktile官方其實開源了這個元件叫做angular-wt-pbox,github位址https://github.com/WorktileTe...
你在worktile看到的彈框就是這個
他對於為什麼不使用 ui-bootstrap 的 dropdown也有說明
ui-bootstrap 的 dropdown 不支援動態編譯模板,不適合在清單中彈出複雜互動的層
彈出層的位置只有上下,不能左右或根據框體大小或位置情況自動調節
你的思路沒有問題,一般在ng裡,這種牽涉到ui細節的髒活累活,都是directive來做的。用來觸發的button就可以封裝成directive,以便你dom操作取得它的座標以及長寬,然後再派發事件來show選單,另外如果不想分開寫也可以把選單和按鈕寫在一起,這樣比較好操作。
因為一直用bootstrap…
這裡直接給你個粗暴的鏈接,思路跟你一樣,directive封裝。
http://angular-ui.github.io/b...
謝邀
在沒有現成樣式的情況下,這種情況最好的是封裝成一個指令directive,將點擊的button跟顯示的list封裝在一起,然後直接通過css定位就可以了,封裝在同個directive裡面,只要透過某一個變數就可以控制list的顯示與隱藏。
不過現在也有很多angualr的第三方插件。用得最多的應該就是angular-bootstrap,不管是angular1還是angular2都有相應的版本支持,我現在的項目也有用它,提供了分頁啊,時間控件等。
http://angular-ui.github.io/b...
感謝各位,回頭研究下dropdown和wt-pbox的源碼,感覺現在用angular束手束腳,還是太不熟悉了!