如何在AngularJS $ routing中停止更改url？

Question

我已经有了jQuery版本的应用程序。它是基于ajax的SPA（单页应用程序）应用程序。有一个要求：URL永远不会改变。

我尝试使用Angular使用$ routeProvider编写相同的应用程序，这会导致URL被更改。我期待Angular版本的应用程序在模板更改时不会更改URL。任何帮助表示赞赏....

Answer 1

使用ng-include指令可以实现这一点：

<a href="#" ng-click="template='views/list.html'">List</a>
<a href="#" ng-click="template='views/add.html'">Add</a>
<a href="#" ng-click="template='views/edit.html'">Edit</a>
<a href="#" ng-click="template='views/view.html'">View</a>

<ng-include src="template"/>

有关工作示例，请查看此JSFiddle。