経路がわからない

Question

私はAngularJSレッスンを受けました。しかしAngularは、ブラウザからリンクをクリックするとテンプレート/ 1のような詳細ページへのリンクを理解していません。しかし、ブラウザのアドレスバーにURLを入力すると正常に動作します。どうすれば解決できますか？

App.js

angular.module('templateStore.templates', ['ngRoute']) 
.config(['$routeProvider', function($routeProvider) { 
    $routeProvider 
     .when('/templates', { 
      templateUrl: 'templates/templates.html', 
      controller: 'TemplatesCtrl' 
    }) 
    .when('/template/:templateId', { 
     templateUrl: 'templates/template-details.html', 
     controller: 'TemplateDetailsCtrl' 
    }) 
    .otherwise({ 
     redirectTo: '/templates' 
    });  
}]) 
.controller('TemplatesCtrl', ['$scope', function($scope) { 
    console.log('This is Template '); 
}]) 
.controller('TemplateDetailsCtrl', ['$scope', '$http', function($scope, $http) { 
    console.log('This is Template Details'); 
}]) 
.controller('TemplateDetailsCtrl', ['$scope', '$http', function($scope, $http) { 
    console.log('This is Template Details'); 
}]); 

Templates.html（メインページ）

<div class="col-md-4 template"> 
    <h3>Template 4</h3> 
    <img src="img/4.jpg"> 
    <h4>$29.99</h4> 
    <a class="btn btn-primary btn-block" href="#/template/1">Details</a>  
</div> 

Attached is the image in which I highlighted the url in the address bar after clicking it

Answer 1

.when('/template/:templateId', { 
      templateUrl: 'templates/template-details.html', 
       controller: 'TemplateDetailsCtrl' 
      }) 

App.controller('TemplateDetailsCtrl', ['$scope', '$http', 
'$routeParams', function($scope, $http, $routeParams) {   
    console.log($routeParams.templateId); }]); 

デモ はい、あなたが必要とする＃/ TE mplate/2とその作業コードを超えています。 これはあなたを助けるかもしれません....