Не понимая маршрут

Я взял урок AngularJS. Но Angular не понимает ссылки на страницу сведений, например template / 1, Если я нажимаю на ссылку из браузера. Однако, если я ввожу URL в адресной строке браузера, он работает нормально. Как я могу это решить?

Приложение.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');
}]);

Шаблоны.html (главная страница)

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

Прикреплено изображение, в котором я выделил url в адресной строке после нажатия на него

1 ответ

  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); }]);
    

    Демонстрация
    Да вам нужен # / template / 2 и выше его рабочий код.
    пусть это поможет вам….