javascript - lynda 培训不适用于最新的 Angular

Question

我们目前正在观看 Lynda 的 Angular 培训视频，但是，我们在第 3 章，并且已经遇到问题。经过几个小时的调试，原来是angular的版本。

我们将其作为 app.js

angular.module('airline', [])
.config(airlineRouter);

function airlineRouter ($routeProvider) {
$routeProvider
    .when('/', {templateUrl: 'partials/destinations.html',
     controller: function  ($scope) {
        $scope.setActive('destinations');
     }})
    .when('/flights', {template: '<h3>Flights</h3>',
     controller: function  ($scope) {
        $scope.setActive('flights');
     }})
    .when('/reservations', {template: '<h3>Your Reservations</h3>',
     controller: function  ($scope) {
        $scope.setActive('reservations');
     }});
}

该演示使用了 AngularJS v1.0.7，它可以正常工作，但是，升级到 AngularJS v1.2.14 但它不起作用。页面上没有任何反应。

任何人都可以阐明这一点吗？

Answer 1

从 Angular 1.2 开始，ngRoute 模块是 split out into a separate file .您需要将其与 AngularJS 本身一起包含在页面上。

请注意，这意味着您还需要将模块导入到您的模块中:

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

参见 latest docs了解更多详情。