<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Current Page Location</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>

<div ng-controller="LocationController">
    <h2>Current Page Location</h2>
    <p>The current URL is: <strong>{{ currentLocation }}</strong></p>
</div>

<script>
    var app = angular.module('myApp', []);

    app.controller('LocationController', function($scope, $location) {
        $scope.currentLocation = $location.absUrl();
    });
</script>

</body>
</html>
