অ্যাঙ্গুলারজেএস

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <button ng-click="changeUrl()">পরিবর্তন</button>
  <p>{{url}}</p>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {

      $scope.url = $location.url();

      $scope.changeUrl = function() {
        $location.path("/html/tutorial/home");
        $scope.url = $location.url();
      };

    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <p>{{url}}</p>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {
      $scope.url = $location.absUrl();
    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <p>{{url}}</p>
  <button ng-click="change()">পরিবর্তন</button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {

      $scope.url = $location.url();

      $scope.change = function() {
        $location.url("/html/tutorial/home");
        $scope.url = $location.url();
      };

    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <p>{{path}}</p>
  <button ng-click="change()">পরিবর্তন</button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {

      $scope.path = $location.path();

      $scope.change = function() {
        $location.path("/html/tutorial/home");
        $scope.path = $location.path();
      };

    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <p>{{hash}}</p>
  <button ng-click="change()">পরিবর্তন</button>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {

      $scope.hash = $location.hash();

      $scope.change = function() {
        $location.hash("locations");
        $scope.hash = $location.hash();
      };

    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <button ng-click="change()">রিপ্লেস</button>
  <p>{{message}}</p>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {

      $scope.message = "বর্তমান";

      $scope.change = function() {
        $location.path("/html/tutorial/home").replace();
        $scope.message = "রিপ্লেস";
      };

    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <p>{{protocol}}</p>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {
      $scope.protocol = $location.protocol();
    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <p>{{host}}</p>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {
      $scope.host = $location.host();
    });
</script>
</body>
</html>

<!DOCTYPE html>
<html ng-app="app">
<body>

<div ng-controller="app">
  <p>{{port}}</p>
</div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.8.3/angular.min.js"></script>
<script>
  angular.module("app", [])
    .controller("app", function($scope, $location) {
      $scope.port = $location.port();
    });
</script>
</body>
</html>