I'm facing an issue with my app. I am currently using a factory to manage data for two controllers. When I click on a link that redirects me to another view with a specific URL, I want to reuse the last tag in the URL by slicing it like this:
window.location.pathname.split("/").slice(-1)[0]
However, this method doesn't seem to be working and I'm getting an error message saying: $location is undefined :/ Does anyone have any ideas on how to resolve this? It could be a simple mistake I made, but sometimes having multiple sets of eyes on the problem helps :)
portApp.controller("itemController", ["$scope", "workFactory",
function($scope, workFactory, $stateParams) {
console.log(window.location.pathname.split("/").slice(-1)[0]);
$location.path(); // The console shows that $location is undefined
var newpath = $stateParams.itemLink;
$scope.onViewLoad = function(){
console.log(newpath);
};
}
]);
For more context, here is the jsfiddle link - https://jsfiddle.net/d5bjrjov/