Estoy trabajando con 2 controladores diferentes (y archivos js) para mi index.html (controllerIndex en index.js) y pageA.html (controllerPageA en pageA.js).
index.html tiene 2 enlaces que conducen a la misma página, pero necesitan pasar un parámetro con diferentes valores según en cuál haga clic para usarlos para una API en el controlador2.
¿Cómo puedo hacer esto?
índice.html:
<!-- Should pass ParameterA here --> <a ng-model="parameter" ng-init="parameter = 'parameterA'" href="pageA.html">Page A1</a> <!-- Should pass ParameterB here --> <a ng-model="parameter" ng-init="parameter = 'parameterB'" href="pageA.html">Page A2</a>páginaA.js:
$http({ method: 'GET', url: 'localhost:8888/ProjectName/API/items/list?type=' + parameter //where parameter = 'parameterA' or 'parameterB' depending on which link was clicked }).then(function successCallback(response) { $scope.items = response.data; }, function errorCallback(response) { alert("Error"); });No estoy familiarizado con Angular. Pero me parece que puede transferir sus parámetros simplemente a través de parámetros GET:
<a ng-model="parameter" ng-init="parameter = 'parameterA'" href="pageA.html?parameter=parameterA">Page A1</a>y recuperarlos así en la página A.html:
var query = window.location.search.substring(1); var parts = query.split("="); var parameter = parts[1];