AngularJS: cómo puedo obtener $ location.path a la plantilla

Question

Necesito la ruta actual desde url en la plantilla (contenido de $ location.path). Pero no a través del controlador, porque tengo muchos controladores (y no quiero duplicar la declaración de $scope.currentUrl = $location.path;). Gracias por el consejo.

Answer 1

La plantilla AngularJS solo puede ver lo que está disponible en un ámbito, por lo que necesitará de alguna manera poner $ servicio de localización en un ámbito. Hay un alcance que siempre está disponible en la aplicación AngularJS llamado $ rootScope, por lo que podría usarse para su caso de uso.

Lo que podría hacer es utilizar el método run() de un módulo para exponer $ ubicación en el $ rootScope:

var myApp = angular.module('myApp', []).run(function($rootScope, $location) { 
    $rootScope.location = $location; 
}); 

esto haría 'ubicación' disponible en todas las plantillas de modo más adelante se podría hacer en su plantilla:

Current path: {{location.path()}} 

Answer 2

Una alternativa es utilizar el más semántica y versátil ui-router, a continuación, en el controlador, retrieve the current state, y almacenarla en la $scope:

app.controller('MyCtrl', ['$scope', '$state', function MyCtrl($scope, $state) { 
    $scope.state = $state.current.name; 
    ... 
}