Angularjs引导下拉不起作用 [英] Angularjs bootstrap dropdown not working

问题描述

我试图添加一个简单的下拉菜单。但它不起作用。

试验了这个建议@ 引导3简单下拉不工作。这也是行不通的。

 < li class =dropdown> 
< a class =dropdown-toggledata-toggle =dropdownui-sref =a> a< span class =caret>< / span>< / a> 
< ul class =dropdown-menu> 
< li>< a ui-sref =a> a< / a>< / li> 
< li>< a ui-sref =b> b< / a>< / li> 
< li>< a ui-sref =c> c< / a>< / li> 
< li>< a ui-sref =d> d< / a>< / li> 
< li>< a ui-sref =e> e< / a>< / li> 
< li>< a ui-sref =f> f< / a>< / li> 
< li>< a ui-sref =g> g< / a>< / li> 
< li>< a ui-sref =h> h< / a>< / li> 
< li>< a ui-sref =i> i< / a>< / li> 
< a>< a ui-sref =j> j< / a>< / li> 
< li>< a ui-sref =k> k< / a>< / li> 
< / ul> 
< / li> 
  

完整代码@ http://plnkr.co/edit/uFDFOJfHjL5qY9nVEykq?p=preview

希望有人能帮助我。

解决方案

您需要在您的应用中包含 ui.bootstrap 模块。

  var app = angular.module（'App'，['ui.router'，'ui.bootstrap']） ; 
  

，并从中删除 ui-sref

 < a class =dropdown-toggledata-toggle =dropdown> a< span class = ^符号 >< /跨度>< / A> 
  

Plnkr

Am bit new to angularjs and bootstrap.

Am trying to add a simple dropdown. But it is not working.

Tried out the suggestion @ Bootstrap 3 simple dropdown not working. That is also not working.

<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" ui-sref="a">a<span class="caret"></span></a>
<ul class="dropdown-menu">
  <li><a ui-sref="a">a</a></li>
  <li><a ui-sref="b">b</a></li>
  <li><a ui-sref="c">c</a></li>
  <li><a ui-sref="d">d</a></li>
  <li><a ui-sref="e">e</a></li>
  <li><a ui-sref="f">f</a></li>
  <li><a ui-sref="g">g</a></li>
  <li><a ui-sref="h">h</a></li>
  <li><a ui-sref="i">i</a></li>         
  <li><a ui-sref="j">j</a></li>
  <li><a ui-sref="k">k</a></li>
</ul>
</li>

Complete code @ http://plnkr.co/edit/uFDFOJfHjL5qY9nVEykq?p=preview

Hope someone would help me out.

解决方案

You need to include ui.bootstrap module in your app.

var app = angular.module('App', ['ui.router','ui.bootstrap']);

and also remove ui-sref from the dropdown trigger.

<a class="dropdown-toggle" data-toggle="dropdown" >a<span class="caret"></span></a>

Plnkr

这篇关于Angularjs引导下拉不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！