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; 
    ... 
}