Angular路由； url 中主题标签旁边的感叹号

Question

我想做路由，但做不到。

相关代码在app.js;

var app = angular.module("app",['ngRoute']);

app.config(["$routeProvider",function($routeProvider){


    $routeProvider.
        when('/', {
            templateUrl:'pages/home.php'
        }).
        when('/notifications', {
            templateUrl:'pages/notifications.php'
        }).
        when('/messages', {
            templateUrl:'pages/messages.php'
        }).
        when('/search', {
            templateUrl:'pages/search.php'
        }).
        otherwise({
            rediectTo: '/'
        });

}])

相关代码在index.php;

<div id="ifmenu">
    <div class="ifmitem" href="/#/">Anasayfa</div>
    <div class="ifmitem" href="/#/notifications">Bildirimler</div>
    <div class="ifmitem" href="/#/messages">Mesajlar</div>
    <div class="ifmitem" href="/#/search">Arama</div>
</div>
<ng-view></ng-view>

url 中的主题标签旁边有感叹号。像这样：(localhost/app/#!)。我可以使用 otherwise() 函数获得 home.php 但链接不起作用。我在互联网上调用了这个问题的解决方案。我看到我应该添加这些床单；

$locationProvider.html5Mode({
    enabled: true,
    requireBase: false
});

并且我在 .config 中添加了 $locationProvider。但是这次 none 代码起作用了。

我该怎么办？

Answer 1

您不能使用 href 属性 div 标签。您应该在 div 个标签中创建标签。

Angular路由； url 中主题标签旁边的感叹号

Angular Routing; exlamation mark beside hashtag in url

routing

location-provider

angularjs

route-provider