AngularJS：テンプレートに$ location.pathを得るにはどうすればいいですか？

Question

テンプレート（$ location.pathの内容）のurlから現在のパスが必要です。しかし、私はコントローラがたくさんあるのでコントローラ経由ではありません（そして、私は$scope.currentUrl = $location.path;の宣言を複製したくありません）。アドバイスをいただきありがとうございます。

Answer 1

AngularJSテンプレートはスコープ内で利用可能なものだけを見ることができるため、$ locationサービスをスコープに配置する必要があります。 $ rootScopeというAngularJSアプリケーションではいつでも利用可能なスコープが1つありますので、あなたのユースケースに使用できます。あなたは何ができるか

は$ rootScopeで$場所を公開するモジュールのrun（）メソッドを使用することです：

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