AngularJS 路由不工作

Question

我试图从 Angular JS 制作“入门”教程，但在设置链接的路由时遇到问题:当用户单击链接时，该路由的 Controller 不会被调用。

这是我的代码:

angular.module('phonecat', []).
config(['$routeProvider',
    function ($routeProvider) {
        $routeProvider.
        when('/phones', {
            templateUrl: 'partials/phone-list.html',
            controller: PhoneListCtrl
        }).
        when('/phones/:phoneId', {
            templateUrl: 'partials/phone-detail.html',
            controller: PhoneDetailCtrl
        }).
        otherwise({
            redirectTo: '/phones'
        });
    }
]);

function PhoneDetailCtrl($scope, $routeParams, $http) {
    $scope.phoneId = $routeParams.phoneId;

    $scope.total = 4;
    $http.get('phones/' + $routeParams.phoneId + '.json').success(function (data) {
        $scope.phone = data;
    });
}

function PhoneListCtrl($scope, $http) {
    $http.get('phones/phones.json').success(function (data) {
        $scope.phones = data;
    });

    $scope.orderProp = 'age';
}

Answer 1

你用的是哪个angularjs版本？我也遵循教程，它使用 angular-1.0.0rc7.js，如果我在 app.js 文件中查找，它使用 template 而不是 templateUrl:

$routeProvider.when('/phones', {
    template: 'partials/phone-list.html',
    controller: PhoneListCtrl
});

因此，通过查看您的代码，您可能希望使用 angular-1.0.3.js 或 RC 之上的先前版本