UI路由器和链接到其他页面上的锚标签?

时间:2015-08-28 18:56:59

标签: javascript html angularjs angular-ui-router

我正在尝试做一个简单的交叉引用超链接,如“查看'ui controls'部分下的'复选框'”,在普通的html中可能是<a href="uicontrols.html#checkboxes">

在我的基于ui-router的应用程序中,我正在尝试使用

<a href="" ui-sref="elements.uicontrols({'#': 'checkboxes'})">checkboxes</a>

转到州/页面elements.uicontrols,然后转到该页面上的锚标记。

它不起作用,一些谷歌搜索出现了这个:https://github.com/angular-ui/ui-router/pull/1867

有没有人知道如何完成这样的链接?

1 个答案:

答案 0 :(得分:0)

你可以试试它可能会解决你的问题。你应该在普通html页面的锚标签中使用id来创建参考链接。

在基于ui-router的应用

<a ui-sref="elements.uicontrols({'#':'checkboxes'})">checkboxes</a>
普通html中的

可能是

<a id="checkboxes" href="uicontrols.html">check to another page link</a>

N.B:应该在普通anchor标记旁边有足够的内容,以便在顶部显示锚标记。