angularjs-href 下拉列表样式清除路线

标签: HTML AngularJS CSS
发布时间: 2017/5/1 18:55:06
注意事项: 本文中文内容可能为机器翻译,如要查看英文原文请点击上面连接.

我不知道该怎么回答这个问题,但我会尽力……

我有一个AngularJS Spa页面,在主导航栏上有一个href下拉式链接。每当我点击下拉菜单,我的ng视图里面的内容就消失了。我假设这是因为角路径在href中检测“#”,不知道如何处理它。我如何配置路由来忽略“#”,并保留在ng视图中加载的内容?

希望这是有意义的。

下拉列表

<a href="#" data-toggle="dropdown" class="dropdown-toggle">Orders <b class="caret"></b></a>

angularjs 路由

var configFunction = function ($routeProvider) {
    $routeProvider.when('/productList', {
        templateUrl: '/productList.html'
    })
    .when('/', {
        templateUrl: '/default.html'
    })
    .otherwise({ redirectTo: '/' });
};

       

解决方法 1:

当你怀疑 # 在 href 是什么想要变更您的应用程序,当您单击锚索的下拉列表。所有你需要做是为了防止锚,即做的默认行为︰

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

或不因此更好的方式,但通常做的方式是使用 javascript 伪Protocol并调用什么 href,即

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