angular中$location读取url信息

最新推荐文章于 2020-08-19 20:37:30 发布

diejiankuai3444

最新推荐文章于 2020-08-19 20:37:30 发布

阅读量93

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/modou/p/5872221.html

版权

读取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>