我有一个AngularJs 1.0.7网站。在页面中，我有一个过滤器按钮列表。我在每个按钮点击时打开一个模态。但我想将模态放在按钮下方（作为下拉列表）。我该怎么办？
HTML
{{1}}
请参阅plunker示例：.selectAll()
更新 我一直在测试下拉菜单，如下面的评论所示。但我不确定这是否是正确的组件，因为我需要一些默认情况下不提供下拉菜单的功能： 下拉列表是过滤器，因此里面有表格。用户需要在表单元素内单击以防止关闭下拉列表。 2.这不是100％强制性的，但我想禁用所有背景并将其放入另一种颜色（作为模态）。
所以，不确定，如果最好使用模态并将其设置为将其定位在按钮或下拉列表下方并更新功能以防止关闭它。从功能的角度来看（忘记设计），我认为模态比下拉菜单更好。
所以，除非应该使用明确的下拉菜单，否则我会采用模态方法。我在这里更新了plunker：https://plnkr.co/edit/I6BSKbpclDnBNunNwLt2?p=preview 但仍有问题。当用户单击第一个过滤器时，模态打开，但第二个过滤器按钮向右移动。我不想要这个。我认为这可以用css实现，但不是太熟练。