Question

我正在使用angularJS建立一个网站，并使用角度路径库来查看网站的不同页面。我的网站运行良好，但当我移动不同的视图时，url中有一个哈希标记。删除哈希标签我正在使用

$locationProvider.html5Mode(true);

但这不适用于页面刷新。我的代码如下： - 的的index.html

<body data-ng-app="myapp" data-ng-controller="myctrl">
<div data-ng-include=" 'pages/menu.html'"></div>
<div ng-view class="view-animate"></div>
<div data-ng-include=" 'pages/footer.php' "></div>

<body>

app.js

    'use-strict'
var tc = angular.module('myapp', ['ngRoute']);

tc.config(['$routeProvider', '$locationProvider', function ($routeProvider, $locationProvider) {
    $locationProvider.html5Mode(true);

    $routeProvider
    .when('/home', {
        templateUrl: 'pages/home.html',
    })
    .when('/about', {
        templateUrl: 'pages/about.html',
    })
  .otherwise({
        redirectTo: '/home'
    })

}]）;

Answer 1

使用： -

<base href="/" />

并将其放在头标中： - ）

Answer 2

我建议你使用$ stateProvider，$ routeProvider不是很多Angularjs专家建议的。并且$ stateProvider可以更好地控制路由，然后是$ routeprovider。

见

Using $routeProvider with $stateProvider

Answer 3

确保您在index.html顶部有<!doctype html>

在角度ng视图中清除URL或从URL中删除Hashtag

3 个答案: