AngularJS多个应用程序无法路由子应用程序

Question

我有一个内部有多个angularjs应用程序的网站。结构如下：

index.html
js
      js_controller.js
      js_directives.js
      js_filters.js
      js_routes.js
      js_home.js
sub_app
   index.html
   js
      subapp_controller.js
      subapp_directives.js
      subapp_filters.js
      subapp_routes.js
      subapp_home.js

在第一个应用程序中，我在js_routes.js中添加了以下内容：

angular.module('jsroutes.routes', ['ngRoute'])
    .config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/', {templateUrl: 'templates/mytemplates.html'});
        $routeProvider.otherwise({redirectTo: '/'});
    }])

这没问题。它运作良好。 问题与我的子应用有关。我在subapp_routes.js中添加了以下内容：

angular.module('subapproutes.routes', ['ngRoute'])
    .config(['$routeProvider','$locationProvider', '$httpProvider', function ($routeProvider, $locationProvider, $httpProvider) {
        $routeProvider.when('/subapp', {templateUrl: '/subapp/templates/mytemplate.html', controller: 'myCtrl'});
        $routeProvider.when('/subapp/:id', {templateUrl: '/subapp/templates/mysecond.html', controller: 'myCtrl'});
        $routeProvider.otherwise({redirectTo: '/subapp'});
    }])

问题是：如果url是/ subapp有效，例如/ subapp / 1不起作用。它带着template / mytemplates.html

返回家中。

我不知道为什么。

如果有人可以帮助我。 预先感谢