更改AngularJS中的URL

时间:2014-06-12 11:52:34

标签: angularjs

创建单页网页应用时,网址永远不会改变。我已经使用jQuery完成了这项工作,只需在用户点击链接时从后端服务器加载html内容。

如何使用AngularJS完成此操作?我遇到的许多教程都表明浏览器的网址更改会导致路由提供商加载动态内容。但是浏览器的网址不应该改变,所以我对AngularJS如何从后端获取动态html感到困惑。

3 个答案:

答案 0 :(得分:0)

您正在搜索的是 ngRoute

我想我没有必要在这里复制粘贴示例。

Official docs here

在页面底部,您还有一个示例。

答案 1 :(得分:0)

AngularJS与客户端路由器配合使用。 这意味着路线确实发生了变化,但浏览器导航没有被触发(您将不会遇到"刷新")。

Angular管理状态机(或路由)和视图,并自动管理它们之间的转换。

查看Angular的ngRoute文档:

https://docs.angularjs.org/tutorial/step_07

答案 2 :(得分:0)

  

创建单页网页应用时,网址永远不会改变。

我完全不明白。您可能意味着它们不应该是整页重新加载。但是,它们是两种在Angular JS App中更改URL的方法:

是的,ngRoute是可行的方法。

使用哈希

最容易实现的方法是哈希(例如,在URL栏中的#符号之后)。

使用pushState HTML5 API

这是一个关于此问题的问题:using html5 pushstate on angular.js