Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 正在查找Angular.js的dropup指令_Javascript_Angularjs - Fatal编程技术网

Javascript 正在查找Angular.js的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调味品,

我想在Angular.js中实现一个下拉菜单(在按钮上方打开的菜单),其行为类似于Boostrap中的“.dropup”类


有没有这样做的指令或创建一个的简单指令?

如果您谈论的是导航栏类型的东西,而不是
元素,我会使用以下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实现这一点,但是我正在寻找一个类似于以下内容的角度指令:。