Question

我正在尝试构建我的第一个AngularJS路由代码，但我似乎无法让它工作，而错误控制台并没有多大帮助。

我的HTML页面：

<body ng-app="myApp">
<div ng-controller="AppController">
    <div class="nav">
        <ul>
            <li><a href="#/template1">Template 1</a></li>
            <li><a href="#/template2">Template 2</a></li>
            <li><a href="#/template3">Template 3</a></li>
            <li><a href="#/somepage">SomePage</a></li>
            <li><a href="#/default">Otherwise</a></li>
        </ul>
    </div>
    <div ng-view></div>
</div>
</body>

app.js：

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

myApp.config(function($routeProvider){
    $routeProvider
    .when('/template1', {
        templateUrl:'partials/template_1.html'
    })
    .when('/template2', {
        templateUrl:'partials/template_2.html'
    })
    .when('/template3', {
        templateUrl:'partials/template_3.html'
    })
    .when('/somepage', {
        templateUrl:'partials/somepage.html'
    })
    .otherwise({
        redirectTo:'partials/otherwise.html'
    });
});

有人可以告诉我，我在这里做错了吗？

Answer 1

将您的angular.js版本升级到1.2.26，这是最稳定的Angular版本。其他代码对我来说很好。

<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.26/angular.min.js"></script>

感谢。

AngularJS路由菜鸟

1 个答案: