AngularJS：我如何获得$ location.path到模板

Question

我需要模板中的url（$ location.path的内容）中的当前路径。但不通过控制器，因为我有很多控制器（并且我不想复制$scope.currentUrl = $location.path;的声明）。感谢您的建议。

Answer 1

AngularJS模板只能看到范围内可用的内容，因此您需要以某种方式将$ location服务放在范围中。 AngularJS应用程序中总有一个名为$ rootScope的范围，因此可以用于您的用例。

你可以做的是使用一个模块的run（）方法在$ rootScope暴露$位置：

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

这将使“位置”的所有模板可用，以便以后你可以做在您的模板：

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

Answer 2

另一种方法是使用更多的语义和通用ui-router，然后在控制器，retrieve the current state，并将其存储在$scope：

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