路径参数Angularjs 1.4.7不显示模板

Question

当我尝试使用route参数进行路由时，部分模板不会被加载（并且不会显示错误）。但是如果我在配置文件中对url进行硬编码，则可以正常工作。我正在使用angular 1.4.7版本。

index.html

<div class="container">
   <ul>
     <li><a ng-href="#/algorithms/app.config(function ($routeProvider){

   $routeProvider.otherwise('/home');
    $routeProvider.when('', {
        redirectTo: '/home'
    });
   $routeProvider 
  .when('/home',{
    templateUrl: 'js/templates/home.html?',
    controller : 'homeController'
  })
 .when('/algorithms', {
    templateUrl: 'js/templates/algorithms.html?',
    controller : 'algoController'
   })

   // *this does not work*

  .when('/algorithms/:algoId', {
    templateUrl: 'js/templates/algorithmsDetails.html?',
    controller : 'algorithmDetailsController'
   })

   // **below works**

  .when('/algorithms/test', {
    templateUrl: 'js/templates/algorithmsDetails.html?',
    controller : 'algorithmDetailsController'
   })
   // *this does not work*
   .when('/testCase/:dynamicId', {
    templateUrl: 'js/templates/testCaseDetails.html?',
    controller : 'testCaseDetailsController'
   })
 });
">Category A</a></li> 
     <li><a ng-href="#/home">Home</a></li>                                                  
     <li><a ng-href="#/algorithms/2">Category B</a></li>
     <li><a ng-href="#/algorithms">Category C</a></li>
     <li><a ng-href="#/algorithms/test">Category Test</a></li>
     <li><a ng-href="#/testCase/someDynamicValue">dynamic link</a></li>
  </ul>
  <ng-view></ng-view>
</div>

app.js

int[] arr = {1,2,3};
IntStream.of(arr).boxed().collect(Collectors.toList());