Angular,ng-href导致页面刷新

时间:2015-01-19 19:05:18

标签: javascript angularjs

我有一个非常简单的ng-href从一个重复的物体中取出,这引起了一些问题。在我的应用程序的其他任何地方,如果我使用ng-href它保持单页感觉并且不刷新应用程序,但是在这种情况下它似乎刷新了页面,我无法弄清楚原因。

 <md-button ng-if="category.link" ng-href="/{{category.link}}"> 

我只是在重复内部,取出一个重复的物体,如果它有一个链接并将ng-href附加到它(使用角度材料按钮),只显示此按钮。

链接工作正常,只是刷新页面。任何见解都会非常有用,我似乎无法解决这个问题。谢谢!

2 个答案:

答案 0 :(得分:4)

我们遇到了同样的问题,但事实证明这是一个javascript库添加了一个名为e.stopPropagation()的点击处理程序。一旦我们把它拿出来,角度开始处理链接,所以没有页面重新加载。我们使用ui-router,因此我们怀疑它是罪魁祸首,但事实并非如此。

我们发现点击处理程序是问题,因为页面重新加载仅发生在特定菜单中的链接。在其他任何地方,与ng-href的链接都按预期工作。

答案 1 :(得分:2)

在斜杠(/)前面放一个哈希(#),使角度路由器工作,而不是重新加载页面。

<md-button ng-if="category.link" ng-href="#/{{category.link}}"> 
相关问题