是否可以从angular.js的url中移除#符号?
我仍然希望能够使用浏览器的后退按钮等，当我改变视图，将更新的URL与参数，但我不想要#符号。
教程routeProvider的声明如下:
angular.module('phonecat', []).
config(['$routeProvider', function($routeProvider) {
$routeProvider.
when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}).
when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
otherwise({redirectTo: '/phones'});
}]);
我可以编辑这个有相同的功能没有#吗?
当前回答
是的，你应该配置$locationProvider并设置html5Mode为true:
angular.module('phonecat', []).
config(['$routeProvider', '$locationProvider', function($routeProvider, $locationProvider) {
$routeProvider.
when('/phones', {templateUrl: 'partials/phone-list.html', controller: PhoneListCtrl}).
when('/phones/:phoneId', {templateUrl: 'partials/phone-detail.html', controller: PhoneDetailCtrl}).
otherwise({redirectTo: '/phones'});
$locationProvider.html5Mode(true);
}]);
其他回答
我在web上写了一个规则。在app.js中设置$locationProvider.html5Mode(true)后配置。
霍普，帮助别人。
<system.webServer>
<rewrite>
<rules>
<rule name="AngularJS" stopProcessing="true">
<match url=".*" />
<conditions logicalGrouping="MatchAll">
<add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
<add input="{REQUEST_URI}" pattern="^/(api)" negate="true" />
</conditions>
<action type="Rewrite" url="/" />
</rule>
</rules>
</rewrite>
</system.webServer>
在index.html中，我将此添加到<head>
<base href="/">
不要忘记在服务器上为iis安装url重写器。
此外，如果你使用Web Api和IIS，这个匹配url将不起作用，因为它将改变你的Api调用。因此，添加第三个输入(第三行条件)并给出一个模式，该模式将排除来自www.yourdomain.com/api的调用
我的解决方案是创建。htaccess和使用#索里安代码。没有.htaccess，我无法删除#
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_URI} !^(/index\.php|/img|/js|/css|/robots\.txt|/favicon\.ico)
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ./index.html [L]
如果你在。net堆栈中使用MVC和AngularJS，这是你必须做的从url中删除'#':
Set up your base href in your _Layout page: <head> <base href="/"> </head> Then, add following in your angular app config : $locationProvider.html5Mode(true) Above will remove '#' from url but page refresh won't work e.g. if you are in "yoursite.com/about" page refreash will give you a 404. This is because MVC does not know about angular routing and by MVC pattern it will look for a MVC page for 'about' which does not exists in MVC routing path. Workaround for this is to send all MVC page request to a single MVC view and you can do that by adding a route that catches all
url:
routes.MapRoute(
name: "App",
url: "{*url}",
defaults: new {
controller = "Home", action = "Index"
}
);
根据文档。你可以使用:
$locationProvider.html5Mode(true).hashPrefix('!');
注意:如果您的浏览器不支持HTML 5。别担心:它有 退回到hashbang模式。因此，您不需要检查if(window。history && window.history.pushState){…手动}
例如:如果你点击:<a href="/other">某个URL</a>
在HTML5浏览器: Angular会自动重定向到example.com/other
在非HTML5浏览器中: Angular会自动重定向到example.com/#!/其他
以下两步: 1. 首先在你的应用配置文件中设置$locationProvider.html5Mode(true)。例如: 角。module('test'， ['ui.router']) .config(function($stateProvider， $urlRouterProvider， $locationProvider) {$locationProvider. html5mode (true);美元urlRouterProvider.otherwise(“/”);})；
2.第二，在主页中设置<base>。 对于eg -> <基地href = " / " >
对于不支持HTML5 History API的浏览器，$location服务将自动回退到散列部分方法。
