angular中$location讀取url資訊

魔豆發表於2016-09-14
Angular

讀取url資訊：

<html ng-app="myApp">
<head>
<title>angularjs-demo</title>
<script type="text/javascript" src="../../lib/ionic/js/angular/angular.min.js" charset="utf-8"></script>
</head>
<body ng-controller="ctrl">
<div>絕對地址：{{absUrl}}</div>
<div>頁面路徑：{{path}}</div>
<div>請求主機：{{host}}</div>
<div>主機埠：{{port}}</div>
<div>查詢欄位：{{search}}</div>
<script>
    var app = angular.module('myApp',[]);
    app.controller("ctrl",function($scope,$location){
        $scope.absUrl = $location.absUrl();
        $scope.path = $location.path();
        $scope.host = $location.host();
        $scope.port = $location.port();
        $scope.search = $location.search();
    });
    </script>
</body>
</html>

 

相關文章