18

URLは

person/show/31586

また

person/show/31586#tab1

IDをAngularで取得することは可能ですか? ルーティングは angular によって管理されません。上記の URL はページをロードし、ページ上の一部のコンテンツのみが angular によって管理されます。

4

3 に答える 3

33

この$locationサービスは、ブラウザーのアドレス バーから URL を解析し、その URL をアプリで使用できるようにします。通常の URL パスと検索セグメントを使用しているため、 でhtml5Modetrue に設定する必要があります$locationProvider。

デフォルトで$locationProviderは、hashbangs を使用するため、html5Modetrue に設定しないと、URL パスをフェッチしようとすると空の文字列が返されます。

を設定html5modeしたら、サービスを使用し$locationて URL パスを取得し、独自のルールを記述してパスを処理できます。

たとえば、完全な URL が次のようになっているとします。http://example.com/person/show/321

次に、次のmain.js場合があります。

angular.module("MyAPP",[],function($locationProvider){
    $locationProvider.html5Mode(true);
});

function MainController($location){
    var pId = $location.path().split("/")[3]||"Unknown";    //path will be /person/show/321/, and array looks like: ["","person","show","321",""]
    console.log(pId);
}

そして、index.htmlあなたは持っているかもしれません:

<!DOCTYPE html>
<html lang="en" ng-app="MyAPP">
    <head>
        <meta charset="utf-8">
        <title>Angular test</title>
    </head>
    <body ng-controller="MainController">
        <script src="//ajax.googleapis.com/ajax/libs/angularjs/1.0.6/angular.min.js"></script>
        <script src="js/main.js"></script>
    </body>
</html>

これがお役に立てば幸いです。

于 2013-08-07T08:59:42.540 に答える
1

他の誰かが Angular での URL の取得に関連するヘルプを求めてここに到着した場合に備えて。時折、以下にアクセスする必要があるかもしれませんabsUrl:

console.log($location.absUrl());

http://127.0.0.1:3000/home
于 2017-01-05T01:57:26.350 に答える