3

angularJS を使用して Web サイトを構築し、angular-route ライブラリを使用して Web サイトのさまざまなページを表示しています。私のウェブサイトはうまく機能していますが、別のビューに移動すると 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'
    })

}]);

4

3 に答える 3

1

使用する:-

<base href="/" />

そして、これを head タグに入れてください :-)

于 2015-01-21T07:03:55.270 に答える
0

多くの Angularjs エキスパートが提案していない $stateProvider 、 $routeProvider を使用することをお勧めします。$stateProvider は、$routeprovider よりもルートをより詳細に制御できます。

見る

$stateProvider で $routeProvider を使用する

于 2015-01-21T06:56:49.530 に答える
0

<!doctype html>index.htmlの上部にあることを確認してください

于 2015-01-21T06:57:14.700 に答える