Javascript 正在查找Angular.js的dropup指令
我想在Angular.js中实现一个下拉菜单(在按钮上方打开的菜单),其行为类似于Boostrap中的“.dropup”类Javascript 正在查找Angular.js的dropup指令,javascript,angularjs,Javascript,Angularjs,我想在Angular.js中实现一个下拉菜单(在按钮上方打开的菜单),其行为类似于Boostrap中的“.dropup”类 有没有这样做的指令或创建一个的简单指令?如果您谈论的是导航栏类型的东西,而不是元素,我会使用以下CSS: .nav ul li { position: relative; } .nav ul ul { display: none; postion: absolute; bottom: 100%; width: 100%; } 添加您自己的CCS调味品,
有没有这样做的指令或创建一个的简单指令?如果您谈论的是导航栏类型的东西,而不是
元素,我会使用以下CSS:
.nav ul li {
position: relative;
}
.nav ul ul {
display: none;
postion: absolute;
bottom: 100%;
width: 100%;
}
添加您自己的CCS调味品,并使用jQuery动画进行补充:
$('.nav ul li').hover(function() {
$(this).children('ul').stop().slideDown();
}, function() {
$(this).children('ul').stop().slideUp();
});
stop()。尽管有命名,slideDown()
将向上打开子菜单,slideUp()
将向下关闭子菜单,因为您已经用CSS粘贴了元素的底部。如果您使用的是实际使用引导(如,没有理由不能将.dropup
类本身应用于该下拉列表并使其按预期工作
<div class="btn-group dropup" dropdown> <!-- note the dropup class -->
<button type="button" class="btn btn-primary dropdown-toggle" ng-disabled="disabled">
Button dropup <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li>Stuff</li>
...
</ul>
</div>
按钮下拉菜单
- 东西
...
这里有一个例子可以演示:谢谢你的回答。我知道我可以用Jquery实现这一点,但是我正在寻找一个类似于以下内容的角度指令:。