angular.js - angular如何在点击元素附近生成一个弹框,类似worktile点击弹出下拉框

查看:85
本文介绍了angular.js - angular如何在点击元素附近生成一个弹框,类似worktile点击弹出下拉框的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

如题,比如点击一个按钮,在它附近弹出下拉框,怎样的方案会好些呢

我的思路是类似传统的方法,先在页面写好弹框,用ng-if隐藏,点击按钮的时候,显示,然后根据点击按钮的位置修改弹框的位置,获取位置和修改位置都不好获取。

我的思路整个方法都是传统的方法,所以想问下,在angular里怎样实现这个功能会比较好呢

解决方案

谢邀。

看你提供的界面是worktile的界面
worktile官方其实开源了这个组件叫做angular-wt-pbox,github地址https://github.com/WorktileTe...
你在worktile看到的弹框就是这个

他对于为什么不使用 ui-bootstrap 的 dropdown也有说明

  1. ui-bootstrap 的 dropdown 不支持动态编译模板,不适合列表中弹出复杂交互的层

  2. 弹出层的位置只有上下,不能左右或者根据框体大小或者位置情况自动调节

这篇关于angular.js - angular如何在点击元素附近生成一个弹框,类似worktile点击弹出下拉框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
相关文章
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆