Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.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
Html angularjs-a href下拉式样式清除路线_Html_Css_Angularjs - Fatal编程技术网

Html angularjs-a href下拉式样式清除路线

Html angularjs-a href下拉式样式清除路线,html,css,angularjs,Html,Css,Angularjs,我不知道这个问题怎么说,但我会尽我所能 我有一个AngularJS Spa页面,在主导航上有一个href下拉式链接。每当我点击下拉列表时,ng视图中的任何内容都会消失。我假设这是因为角度路由正在检测href中的“#”,并且不知道如何处理它。如何配置路由以忽略“#”并保留ng视图中加载的内容 希望这是有道理的 下拉列表 <a href="#" data-toggle="dropdown" class="dropdown-toggle">Orders <b class="caret

我不知道这个问题怎么说,但我会尽我所能

我有一个AngularJS Spa页面,在主导航上有一个href下拉式链接。每当我点击下拉列表时,ng视图中的任何内容都会消失。我假设这是因为角度路由正在检测href中的“#”,并且不知道如何处理它。如何配置路由以忽略“#”并保留ng视图中加载的内容

希望这是有道理的

下拉列表

<a href="#" data-toggle="dropdown" class="dropdown-toggle">Orders <b class="caret"></b></a>
正如您在href中怀疑的那样,当您单击下拉列表中的锚点时,正试图重新路由您的应用程序。您需要做的就是防止锚点的默认行为,即:

 <a href="#" ng-click="$event.preventDefault()" data-toggle="dropdown" class="dropdown-toggle">Orders <b class="caret"></b></a>

或者不是更好的方法,但一种常用的方法是使用javascript伪协议,在href上不调用任何内容,即

 <a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle"...

好吧,我一发布这个问题就想出来了……如果我在下拉框中删除href中的“#”,它就会正常工作。不过,我不确定这是否会导致其他浏览器出现任何其他问题。这不是下拉列表,而是添加了下拉样式的
。它根本不需要
href
属性。@谢谢你指出这一点。我将改写这个问题/标题,使它更清楚一点。谢谢非常感谢。$event.preventDefault()工作得很好,可能是比我删除“#”更好的解决方案。
 <a href="javascript:void(0)" data-toggle="dropdown" class="dropdown-toggle"...