Angularjs шаблон не работает

Question

Я работаю над приложением о маршрутизации, мой код:

//HTML, I passed a 'test' into routing 
<a href="#details/test">Test</a> 
<div data-ng-view=""></div> 

//Template 
<h1>{{res}}</h1> 

//Angularjs 
var app = angular.module("dictApp", ['ngRoute']); 

app.config(['$routeProvider', function ($routeProvider) { 
    $routeProvider. 
    when('/details/:test', { 
     templateUrl: 'template.html', 
     controller: 'testCtrl' 
    }); 
}]); 

app.controller('testCtrl', function ($scope, $routeProvider) { 
    $scope.res = $routeProvider.test; 
}); 

//The template is displayed as 
{{res}} 

страница шаблон должен отображать «тест», но я не знаю, почему он не работает.

Thansk заблаговременно.

Answer 1

Параметр 'test' должен быть доступен в $ routeParams.

app.controller('testCtrl', function ($scope, $routeParams) { 
    $scope.res = $routeParams.test; 
}); 

Answer 2

Служба, предоставляющая параметры маршрута, составляет $routeParams. $routeProvider является поставщиком используется для настройки маршрутов в приложении, как тот, который вы сделали в вашем коде, используя метод .when а

Вам нужно вводить $routeParams и использовать его вместо $routeProvider

app.controller('testCtrl', function ($scope, $routeParams) { 
    $scope.res = $routeParams.test; 
});