Angularjs在ng-href中起作用

时间:2015-04-27 07:57:47

标签: javascript angularjs model-view-controller angularjs-ng-href

我想调用ng-href中的函数并从函数返回链接。

当我单击该功能时,它会将页面发送到url中的该功能。喜欢:

本地主机/ pageLink()

<a ng-href="pagelink()" >Link</a>

如何运行该功能并返回正确的链接?

2 个答案:

答案 0 :(得分:43)

插值可能会起到作用:

<a ng-href="{{pagelink()}}">Link</a>

修改

对任何抱怨的人来说,这将在启动时执行代码:这正是必须所做的!它会监视pagelink方法以进行更改并更新href属性。

最初的问题是:

  

如何运行该功能并返回正确的链接?

pagelink()不应该处理路由,而是返回指向目标路由的字符串。请参阅ngHref documentation

如果您想自己处理路由,则应使用ngClick,而不是ngHref

答案 1 :(得分:7)

假设pagelink()位于$rootScope,您可以使用ng-click

<a href="" ng-click="pagelink()">Link</a>

您需要href="",因此浏览器会在鼠标悬停时更改光标。