AngularJS 路由菜鸟

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 路由菜鸟

AngularJS routing noob

javascript

angularjs

url-routing

angularjs-routing