从angularjs中删除#并使url变得漂亮
Removing # from angularjs and making url pretty
我想从url 中删除#
我已经使用了locationProvider,并在index.html 中
Locationprovider被指定为
scotchApp.config(function($routeProvider, $locationProvider) {
..
$locationProvider.html5Mode(true);
这是我的脚本.js
// create the module and name it scotchApp
var scotchApp = angular.module('scotchApp', ['ngRoute']);
// configure our routes
scotchApp.config(function($routeProvider, $locationProvider) {
$routeProvider
// route for the home page
.when('/', {
templateUrl : 'pages/home.html',
controller : 'mainController'
})
// route for the about page
.when('/about', {
templateUrl : 'pages/about.html',
controller : 'aboutController'
})
// route for the contact page
.when('/contact', {
templateUrl : 'pages/contact.html',
controller : 'contactController'
});
$locationProvider.html5Mode(true);
});
// create the controller and inject Angular's $scope
scotchApp.controller('mainController', function($scope) {
// create a message to display in our view
$scope.message = 'Everyone come and see how good I look!';
});
scotchApp.controller('aboutController', function($scope) {
$scope.message = 'Look! I am an about page.';
});
scotchApp.controller('contactController', function($scope) {
$scope.message = 'Contact us! JK. This is just a demo.';
});
这是这个问题的后续行动。我仍然没有得到解决方案。如果答案是肯定的,我会接受这两个答案。
这是我想做的一个例子。
注:
This is my project folder
localhost/test/angular
所以,我有这个链接在关于
localhost/test/angular/about
请求:请从plunkr下载源代码并尝试一下。
我没有得到任何错误,但没有出现在正文部分
感谢
要使用相对链接链接应用程序,您需要在文档的头部设置此html代码。
<base href="/your-base-if-needed">
或
<base href="/">
但是HTML5模式设置为true应该会自动解析相对链接
相关文章:
- 如何使用url加载程序在webpack中导入多个图像
- 使用php或javascript从facebook相册URL中删除多余的部分
- Angular JS IE9 Hashbang url rewriting
- JavaScript下拉菜单-点击按钮并根据所选值重定向到url
- 直接下载文件,而不是从window.open(url)
- 动态地改变“”的URL;添加新项目”;链接使用javascript/jquery
- 漂亮照片图片库中的Facebook赞按钮
- 通过js在新选项卡中有条件地打开url
- CKFinder 3为所选文件返回错误的URL
- 如何获取不属于我项目的上一页的URL
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 在URL中传递JS对象
- 将纯文本URL转换为可单击链接
- Javascript html每点击一次就会更改url
- 以角度管理动态URL
- 使用skel框架构建的响应式网站只有在使用漂亮的URL时才能应用css
- RequireJS与PHP和漂亮的URL
- 从angularjs中删除#并使url变得漂亮
- 静态网站的漂亮URL
- ajax提交请求与漂亮的URL