2016-06-07 9 views
0

Ich arbeite an einer App über Routing arbeiten, meinen Code:AngularJS Vorlage nicht

//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}} 

Die Vorlage Seite sollte ‚Test‘ angezeigt werden, aber ich weiß nicht, warum es nicht funktionierte.

Thansk im Voraus.

Antwort

1

Der Parameter 'test' sollte in $ routeParams verfügbar sein.

1

Der Dienst, der die Routenparameter verfügbar macht, ist $routeParams. $routeProvider ist der Anbieter verwendet, um die Routen in der App wie das konfigurieren, dass Sie in Ihrem Code verwenden .when Methode als auch

Sie $routeParams und es injizieren müssen statt $routeProvider

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