AngularJs working with url parameters after removing hash symbol (#) from url

Question

From my angular application I need to remove # value from URL.As an example I need to execute this url with parameter name cal name and then it's shown in html page.

Example:

THIS URL:

http://localhost/angular_ex/url.html#?name=test

IN TO :

http://localhost/angular_ex/url.html?name=test

Because from C# WebRequest class didn't allow to send web request along with the hash value.

I try to use this stack overflow post also.

Html code:

<!DOCTYPE html>
<html ng-app="HelloApp">
<head>
    <script src="./angular/angular.js"></script>
    <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
    <script src="index.js"></script>
    </head>
    <body ng-controller="myCtrl">
        <p>Url parameter value is :{{name}}</p>
    </body>

</html>

index.js

var newApp = angular.module('HelloApp', []);
newApp.controller('myCtrl', newAppConstructor);
newAppConstructor.$inject = ['$scope', '$location'];

function newAppConstructor($scope, $location) {
    $scope.name = $location.search().name;
}

maybe this can help you stackoverflow.com/questions/16677528/… — Hosar
– Hosar, Commented Feb 28, 2017 at 5:01
where are your routes? have you added $locationProvider.html5Mode(true) — Sravan
– Sravan, Commented Feb 28, 2017 at 5:12

Elshan · Accepted Answer · 2017-02-28 05:53:38Z

3

Try with this answer

newApp.config(function($locationProvider) {
    $locationProvider.html5Mode({
     enabled: true,
     requireBase: false
     });
  })

edited Feb 28, 2017 at 5:53

Elshan

7,7745 gold badges79 silver badges108 bronze badges

answered Feb 28, 2017 at 5:36

Sujithrao

7853 gold badges12 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

AngularJs working with url parameters after removing hash symbol (#) from url

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related