angular.js - 关于Angular单页应用的URL地址问题
PHP中文网
PHP中文网 2017-05-15 17:08:34
0
1
568

我发现很多Angular的单页应用的URL地址都是如下的格式:

http://your.domain/page/#/app/forms/validate

中间都是有一个#号,看着很不爽,
能不能通过什么方式改变成如下的样式:

http://your.domain/app/forms

另外:Angular的单页可以用pushState替换吗?或者用一个叫Pjax的插件
希望大家给点提示,这一块有点懵!

PHP中文网
PHP中文网

认证高级PHP讲师

répondre à tous(1)
phpcn_u1582

S'il s'agit d'angular 1.x, vous pouvez ajouter une phrase à la fin du parcours $locationProvider.html5Mode(true);

app.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
 $routeProvider
 .when('/article', {
   templateUrl: '/article.html',
   controller: 'ArticleController'
 }).otherwise({
   redirectTo: '/index'
 });
 $locationProvider.html5Mode(true);
}])

Ce schéma de routage utilise par défaut la méthode de hachage commençant par #. Si vous ne considérez pas les navigateurs de version inférieure, vous pouvez appeler directement $locationProvider.html5Mode(true) pour utiliser le schéma H5 au lieu du schéma de hachage.

Si vous êtes intéressé, veuillez lire directement mon article. Il existe un article expliquant en détail le mécanisme de routage front-end

.
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal