AngularJS路由不起作用

nk

我是AngularJS的新手,目前正在构建一个小型应用程序。我想要我的URL像这样的/ index(不带.html)。我试图为此使用NgRoute,但似乎效果不佳。当我去/ locations时,它说路线不存在。这是我的代码:

app.js

var app = angular.module('khApp', ['ngRoute','establishmentModule', 'queryModule', 'buildingBlockModule', 'categoryModule']);
app.config(['$routeProvider', function($routeProvider)
{
  $routeProvider
    .when('establishments', {controller:'testController', templateUrl: '../html/establishments.html'})

}]);

app.controller('testController', ['$http', function($http)
{


}]);

index.html

    <div  ng-controller="testController as test" class="container">
        hi 
        <a href="establishments">
            <button class="btn btn-default">Start</button>
        </a>
    </div>

  <ng-view></ng-view>

<script type="text/javascript" src="../../bower_components/angular/angular.js"></script> 
<script type="text/javascript" src="../../bower_components/angular-route/angular-route.js"></script> 
<script type="text/javascript" src="../js/app.js"></script>
<script type="text/javascript" src="../js/buildingblock.js"></script>
<script type="text/javascript" src="../js/category.js"></script>
<script type="text/javascript" src="../js/establishment.js"></script>
<script type="text/javascript" src="../js/query.js"></script> 


</body>
</html>

我究竟做错了什么?提前致谢!

战争10ck

根据路由器的配置方式,通常需要以斜杠开头的路由为目标,如下所示:

app.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider
            .when('establishments', {
                controller:'testController',
                templateUrl: '../html/establishments.html'
            });
}]);

另外,在您的HTML中,我认为您的HTML锚标记需要以哈希导航开头,如下所示:

<a href="#/establishments">
    <button class="btn btn-default">Start</button>
</a>

参考: AngularJS文档教程7-路由和多视图

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章