Question

所以我创建了一个SPA angularJS应用程序，它在正常路由下完美运行，例如：（somesite.com＃/ something）但后来我厌倦了Hash路由并且知道有一些名为＆＃34;漂亮的网址＆＃34;＆＃34;使用$ locationProvider和html5mode ..但是一旦我去了漂亮的Url，我的内容就停止渲染...

我的＆＃34; app.js＆＃34;文件与路线：

/* Configure routes */
app.config(function ($routeProvider, $locationProvider) {
    $routeProvider
// Home
        .when("home", {
            templateUrl: 'partials/home.html',
            controller : 'mainController'
        })
// Pages
        .when("contact", {
            templateUrl: 'partials/contact.html',
            controller : 'mainController'
        })
        .when("tools", {
            templateUrl: 'partials/tools.html',
            controller : 'mainController'
        })
        .when("saving", {
            templateUrl: 'partials/saving.html',
            controller : 'mainController'
        })

我希望在ng-view div中呈现不同页面的索引：

<!-- Website navigation -->
<div ng-include="'templates/header.html'"></div>

<!-- Website content-->
<div ng-view></div>

<!-- Website footer -->
<div ng-include="'templates/footer.html'"></div>

我的导航代码位于＆＃34; header.html＆＃34; ：

<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="NavColl">
    <ul class="nav navbar-nav">
        <li><a href="home">Hem</a></li>
        <li><a href="contact">Contact</a></li>
        <li><a href="tools">Verktyg</a></li>
        <li><a href="saving">Sparande</a></li>
    </ul>
</div>
<!-- /.navbar-collapse -->

喜欢我能得到的所有帮助这已经困扰了我一段时间了，谢谢。

Answer 1

请添加：

new Cars()

在$locationProvider.html5Mode(true);函数中。

它不会出现在您的代码中。

Angular漂亮网址无效

1 个答案: