javascript - Proveedor desconocido: $ routeParamsProvider<- $ routeParams
angularjs routing (1)
Actualmente estoy aprendiendo AngularJS & Ionic creando una aplicación de podcast simple. Estoy intentando usar routeParams para obtener el "itemId" pero obtengo el siguiente error:
Error: [$injector:unpr] Unknown provider: $routeParamsProvider <- $routeParams <- DetailsController
http://errors.angularjs.org/1.4.3/$injector/unpr?p0=%24routeParamsProvider%20%3C-%20%24routeParams%20%3C-%20DetailsController
minErr/
Ahora así es como paso el "itemId"
.state(''ted'', {
url: ''/ted/:itemId'',
templateUrl: ''templates/ted-talks.html'',
controller: ''DetailsController''
})
y aquí está mi controlador:
starter.controller("DetailsController", ["$scope", "$routeParams", "$http", function ($scope, $routeParams, $http) {
$http.get(''http://api.npr.org/query?id=57&apiKey={I''ve taken the ID off})
.success(function(data, status, headers, config){
var x2js = new X2JS();
var jsonOutput = x2js.xml_str2json(data);
console.log(jsonOutput);
$scope.stories = jsonOutput.nprml.list.story;
if($routeParams.itemId) {
console.log(''Single page id'' + $routeParams.itemId);
}
})
.error(function(data, status, headers, config){
alert(''There is a problem'');
})
}]);
¿Alguna idea de qué causa este error? Creo que routeParams ya está incluido en el marco iónico, ya que las demostraciones que proporcionan parecen funcionar, pero no puedo entender cómo.
Cualquier ayuda es muy apreciada :)
Como está utilizando Angular-ui-router
, debe usar la dependencia de $routeParams
lugar de $routeParams
que están destinados a usar para ui-router
(Angular ui-router $stateProvider
)
if($stateParams.itemId) {
console.log(''Single page id'' + $stateParams.itemId);
}
$routeParams
está disponible allí para el módulongRoute
(enrutamiento AngularJS$routerProvider
)