Javascript 在不更改URI的情况下路由AngularJS应用程序

我正在尝试创建一个AngularAPI，它应该能够集成到任何网页上。我有一个使用AngularJS的frontApp和一个使用Laravel4的后端

问题是我的路线目前看起来是这样的：

angular.module('FrontApp').config(['$routeProvider', function ($routeProvider) {
    $routeProvider
        .when('/home', {
            templateUrl: 'views/home.html',
            controller: 'HomeCtrl'
        })
        .when('/login', {
            templateUrl: 'views/login.html',
            controller: 'LoginCtrl'
        })
        .when('/register', {
            templateUrl: 'views/register.html',
            controller: 'RegisterCtrl'
        })
        .when('/members', {
            templateUrl: 'views/main.html',
            controller: 'MainCtrl'
        })
        .when('/apinotfound', {
            templateUrl: 'views/api.html'
        })
        .otherwise({
            redirectTo: '/login'
        });
}]);

---

但由于我的应用程序将集成在一个URI不能更改的网页上，我不能使用这个路由系统。我想知道是否可能有一个技巧，将这些路由保留在一个变量中，然后在不更改页面URI的情况下路由我的应用程序？

查看angular ui路由器库。它将允许您将视图嵌套为单个视图中的状态/URI。感谢您，似乎可以使用此库为我的应用程序的所有状态指定相同的URI。我要试一试