Bootstrap 4导航:阻止URL切换&刷新

时间:2018-02-26 02:12:23

标签: javascript angularjs twitter-bootstrap bootstrap-4 reload

我使用Bootstrap 4和AngularJS来创建应用程序。我需要使用一个模态,其中我使用Bootstrap 4中的导航。我不喜欢的是,导航使用的是一些附加到地址栏中url的href。问题是角度模块有

$rootScope.$on('$locationChangeStart', function () {
...
});

我还将路由的$ routeProvider用作“/”,“/ login”和“/ register”。因此,每当我更改模式中nav的选项卡时,后台重新加载,这不是很好,因为在重新加载时会再次向服务器发出大量请求。

我试着做一个简单的小提琴。如您所见,如果您更改导航选项卡,则会修改URL(在那里有一个setInterval,请在控制台中查看)。 小提琴:http://jsfiddle.net/pxbndo3z/1/

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

根据这里的答案:href causes unintended page reload with Angularjs and Twitter Bootstrap,我决定使用类似的东西:

onclick="(function(e){e.preventDefault();})(event)"

在nav tavs的hrefs上。似乎一切正常,所以我们走了!