如何使Angular.js路由URL成为动态,所以url不会很长

时间:2015-10-11 20:16:21

标签: javascript angularjs routing

因此,当我制作我的第一个角度应用程序时,我发现不同页面的URL会发生变化,这就是假设发生的事情。所以说我点击一个按钮就可以了

http://localhost:63342/angularSPA/app/view2/view2.html

更改为

http://localhost:63342/angularSPA/app/view2/view3.html.

一旦我将所有内容上传到heroku或我自己的域名,用户会看到什么。每当我将它们路由到一个页面时,他们是否会看到这个长URL并且每次点击一个按钮或什么时它都会改变?

1 个答案:

答案 0 :(得分:0)

您只需要上传app文件夹中的内容。所以这个:

http://localhost:63342/angularSPA/app/view2/view2.html

将成为这个:

http://localhost:63342/view2/view2.html

如果将index.html文件放在root / app目录中,它将变得更短:

http://localhost:63342/index.html

但是,您可以使用许多指令来实现页面更改,而无需更改URL。

https://docs.angularjs.org/api/ng/directive/ngSwitch

https://docs.angularjs.org/api/ngRoute/directive/ngView

https://docs.angularjs.org/api/ng/directive/ngShow

https://docs.angularjs.org/api/ng/directive/ngHide

https://docs.angularjs.org/api/ng/directive/ngIf

你可以,但我不知道为什么你会这样做,让你的整个网站都在index.html下。

但是,这意味着用户的浏览器必须在显示单页应用之前加载所有“内容”。这也意味着你将无法使用路由功能。

此外,angular会在其中添加#。

这是一个很好的ui-router教程。

https://scotch.io/tutorials/angular-routing-using-ui-router