链接到指令的路线?或者另一种方式?

时间:2013-07-29 17:44:42

标签: angularjs angularjs-directive angularjs-routing

我有一个不寻常的问题。

我有这个旧页面,我想转换为angular.js。

http://transience.me/TD/

我在一个页面上加载了5页的html,唯一可见的部分是导航到的部分。即主页位于x位置0,位于x位置,1024,项目位于x位置2048等...

现在虽然没有办法链接到各个部分。您必须在家中着陆,然后导航到您要访问的部分。

但是我想添加一个深层链接的url:url /#/ home,url /#/ project等,以便与触发页面位置更改的导航相对应。

有没有办法将angularjs中的路由器链接到一个指令,以便不是加载一个html模板而是触发一个新的dom行为?

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

我认为ui-router会对你有很大的帮助。

它使用$ stateProvider,允许您在不重新加载整个模板的情况下更改URL。您可以添加过渡效果并在页面之间移动,它将保留所有后退按钮,页面刷新等。

查看ui-router demo