仅在AngularJS单页面应用程序

时间:2016-02-17 08:21:28

标签: javascript angularjs module routes

我正在使用Angular开发一个小应用程序,它有两个模块。 目标是在应用程序的不同页面上启用模块。 例如:

http://domain.com/app1/#routesOfApp1
http://domain.com/app2/#routesOfApp2

如何确保routesOfApp1上没有http://domain.com/app2/?它甚至可能吗?

我知道其中一种方法是创建两个完全独立的角度应用程序并分别加载它们。但是,我希望将它保留为一个大应用程序,因为在某些时候,我计划将整个内容转换为单页应用程序。

我有什么选择?

谢谢,

1 个答案:

答案 0 :(得分:0)

如果我理解正确,你需要使用requirejs。单击http://domain.com/app1/routesOfApp1时,将加载routesOfApp1.html及其angularjs控制器(routesOfApp1Controller.js)。 (app2没什么)

sampleApp.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
            when('/app1/routesOfApp1', {
                templateUrl: 'app1/routesOfApp1.html',
                controller: 'routesOfApp1Controller'
            }).
            when('/app2/routesOfApp2', {
                templateUrl: 'app2/routesOfApp2.html',
                controller: 'routesOfApp2Controller'
            }).
            otherwise({
                redirectTo: '/default'
            });
}]);

http://www.codeproject.com/Articles/808213/Developing-a-Large-Scale-Application-with-a-Single