html5 - 关于Angular路由的小问题？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html5 - 关于Angular路由的小问题？

PHP中文网 2017-04-17 13:03:28

[HTML讨论组]

334

代码如下：

<!DOCTYPE html>
<html ng-app="myRouteApp">
<head>
    <title></title>
    <script src="jquery-1.11.2.min.js"></script>
    <script src="angular.min.js"></script>
      <script src="angular-route.min.js"></script>
</head>
<body>
    <p>
    <ul>
        <li><a href="#pa/ge1">go page 1</a></li>
        <li><a href="#pa/ge2">go page 2</a></li>
        <li><a href="#other">to other page</a></li>
    </ul>
</p>
<p ng-view></p>
<script type="text/javascript">
    angular.module("myRouteApp", ["ngRoute"])
    .config(['$routeProvider', function ($routeProvider) {
        $routeProvider
            .when("/pa/ge1", {
                templateUrl: "page1.php"
            })
            .when("/pa/ge2", {
                templateUrl: "page2.html"
            })
            .otherwise({
                redirectTo: "/"
            });
    }]);
</script>
</body>
</html>

如图，刚载入页面的时候,并没有载入任何内容，需要点击后，才能显示。

如何在刚载入页面的时候就加载出来第一个页面呢？谢谢……

PHP中文网

认证高级PHP讲师

全部回复(2)

PHPz2017-04-17 13:05:28 2楼

加一句？

.when("/", {

            templateUrl: "page1.php"
        })

赞 +0

添加回复

怪我咯2017-04-17 13:05:28 1楼

当链接地址是’/’时，没有对应的页面，应该在js那加上，就好了

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>