Angularjs UI引导下拉指令导致multidir问题
嗨,我正试图让UI引导程序中的下拉指令起作用。每当我尝试使用“dropdown”指令时,都会收到以下错误消息: 控制台错误消息:Angularjs UI引导下拉指令导致multidir问题,angularjs,twitter-bootstrap,angular-ui-bootstrap,Angularjs,Twitter Bootstrap,Angular Ui Bootstrap,嗨,我正试图让UI引导程序中的下拉指令起作用。每当我尝试使用“dropdown”指令时,都会收到以下错误消息: 控制台错误消息: Multiple directives [dropdown, dropdown] asking for 'dropdown' controller on: <li class="dropdown pos-stc" dropdown=""> http://errors.angularjs.org/1.3.9/$compile/multidir?p0=drop
Multiple directives [dropdown, dropdown] asking for 'dropdown' controller on: <li class="dropdown pos-stc" dropdown="">
http://errors.angularjs.org/1.3.9/$compile/multidir?p0=dropdown&p1=dropdown&p2='dropdown'ontroller&p3=%3Cli%class%3D%dropdown%20pos-stc%22%20dropdown%3D%22%22%3E
at http://localhost:9000/bower_components/angular/angular.js:63:12
at assertNoDuplicate (http://localhost:9000/bower_components/angular/angular.js:7990:15)
at applyDirectivesToNode (http://localhost:9000/bower_components/angular/angular.js:7339:11)
at compileNodes (http://localhost:9000/bower_components/angular/angular.js:6997:15)
at compileNodes (http://localhost:9000/bower_components/angular/angular.js:7009:15)
at compileNodes (http://localhost:9000/bower_components/angular/angular.js:7009:15)
at compile (http://localhost:9000/bower_components/angular/angular.js:6904:15)
at link (http://localhost:9000/bower_components/angular/angular.js:22225:9)
at invokeLinkFn (http://localhost:9000/bower_components/angular/angular.js:8213:9)
at nodeLinkFn (http://localhost:9000/bower_components/angular/angular.js:7722:11) angular.js:11594(anonymous function) angular.js:11594(anonymous function) angular.js:8544invokeLinkFn angular.js:8215nodeLinkFn angular.js:7722compositeLinkFn angular.js:7075publicLinkFn angular.js:6954boundTranscludeFn angular.js:7093controllersBoundTransclude angular.js:7749(anonymous function) angular.js:22173processQueue angular.js:13171(anonymous function) angular.js:13187Scope.$eval angular.js:14384Scope.$digest angular.js:14200Scope.$apply angular.js:14489done angular.js:9646completeRequest angular.js:9836requestLoaded
多个指令[dropdown,dropdown]要求在以下位置设置“dropdown”控制器:
http://errors.angularjs.org/1.3.9/$compile/multidir?p0=dropdown&p1=dropdown&p2='dropdown'controller&p3=%3Cli%class%3D%dropdown%20pos stc%22%20dropdown%3D%22%3E
在http://localhost:9000/bower_components/angular/angular.js:63:12
至少两份(http://localhost:9000/bower_components/angular/angular.js:7990:15)
在applyDirectivesToNode(http://localhost:9000/bower_components/angular/angular.js:7339:11)
在编译节点(http://localhost:9000/bower_components/angular/angular.js:6997:15)
在编译节点(http://localhost:9000/bower_components/angular/angular.js:7009:15)
在编译节点(http://localhost:9000/bower_components/angular/angular.js:7009:15)
编译时(http://localhost:9000/bower_components/angular/angular.js:6904:15)
在链接(http://localhost:9000/bower_components/angular/angular.js:22225:9)
在肯德基(http://localhost:9000/bower_components/angular/angular.js:8213:9)
在诺德琳(http://localhost:9000/bower_components/angular/angular.js:7722:11)angular.js:11594(匿名函数)angular.js:11594(匿名函数)angular.js:8544invokeLinkFn angular.js:8215nodeLinkFn angular.js:7722 CompositeLinkFn angular.js:7075publicLinkFn angular.js:6954 BoundTranscludefn angular.js:7093控制器BoundTransclude angular.js:7749(匿名函数)angular.js:22173processQueue angular.js:13171(匿名函数)angular.js:13187 scope.$eval angular.js:14384 scope.$digest angular.js:14200 scope.$apply angular.js:14489 done angular.js:9646 completeRequest angular.js:9836requestLoaded
有人能告诉我可能是什么错误吗?当我删除指令时,一切正常,但下拉菜单不起作用:(
HTML:
-
使用300mb或500mb
-
-
轮廓
-
新的
帮助
-
注销
假设您没有使用最新版本的引导程序。以前的版本(例如:0.11.0)除了属性受限(A
)之外,还限制了指令类(C
)。因此,您通过指定类以及属性来重复元素的指令。这会导致多个指令错误。您可以只使用类名,因为您需要它来应用适当的内置引导css规则。即更改
至
或升级至引导程序0.12.0
尝试:
似乎问题的原因可能是您参考了官方网站上的演示,但使用了旧版本的bootstrap。升级到bootstrap 0.12.0解决了问题…非常感谢您的帮助!
<li class="dropdown" dropdown>
<a href class="dropdown-toggle clear" dropdown-toggle>
<span class="thumb-sm avatar pull-right m-t-n-sm m-b-n-sm m-l-sm">
<img src="img/a0.jpg" alt="...">
<i class="on md b-white bottom"></i>
</span>
<span class="hidden-sm hidden-md">John.Smith</span> <b class="caret"></b>
</a>
<!-- dropdown -->
<ul class="dropdown-menu animated fadeInRight w">
<li class="wrapper b-b m-b-sm bg-light m-t-n-xs">
<div>
<p>300mb of 500mb used</p>
</div>
<progressbar value="60" class="progress-xs m-b-none bg-white"></progressbar>
</li>
<li>
<a href>
<span class="badge bg-danger pull-right">30%</span>
<span>Settings</span>
</a>
</li>
<li>
<a ui-sref="app.page.profile">Profile</a>
</li>
<li>
<a ui-sref="app.docs">
<span class="label bg-info pull-right">new</span>
Help
</a>
</li>
<li class="divider"></li>
<li>
<a ui-sref="access.signin">Logout</a>
</li>
</ul>
<!-- / dropdown -->
</li>
<li class="dropdown">
<a href class="dropdown-toggle clear">