AngularJs在从url中删除哈希符号(#)后使用url参数

时间:2017-02-28 04:52:51

标签: javascript angularjs

从我的角度应用程序中,我需要从URL中删除#值。作为示例,我需要使用参数名称cal name执行此url,然后将其显示在html页面中。

示例:

此网址:

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

IN TO:

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

因为来自C#WebRequest类不允许发送Web请求以及哈希值。

我也尝试使用此堆栈溢出post

Html代码:

<!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;
}

1 个答案:

答案 0 :(得分:2)

尝试这个答案

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