AngularJS $ routeParams未定义

Question

I am getting undefined for $routeParams. 我为$ routeParams得到了undefined 。 Here is my code: 这是我的代码：

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

ngAddressBook.config(['$routeProvider',
    function($routeProvider) {
        $routeProvider.
            when('/', {
                templateUrl: 'views/list.html',
                controller: 'ngAddressListController'
            }).
            when('/add', {
                templateUrl: 'views/add.html',
                controller: 'ngAddressListController'
            }).
            when('/details/:id', {
                templateUrl: 'views/details.html',
                controller: 'ngAddressDetailsController'
            });
    }]);
// add a controller to it
ngAddressBook.controller('ngAddressListController', ['$scope', function ($scope)
    {
        $scope.contacts = [
            {id:1,first_name:'Jane', last_name:'Doe','Phone':'123-456789','Email':'jane@example.com'},
            {id:2,first_name:'Jhon', last_name:'Doe','Phone':'123-456789','Email':'jhon@example.com'}
        ];
        $scope.getTotalContacts = function () {
            return $scope.contacts.length;
        };
    }]);

ngAddressBook.controller('ngAddressDetailsController', ['$scope', function ($scope,$routeParams)
{
    alert($routeParams);
    $scope.id = $routeParams.id;
}]);

index.html 的index.html

<!doctype html>
<html ng-app="ngAddressBook">
<head>
    <title>Ng Addressbook</title>
    <link href="main.css" rel="stylesheet" media="screen" />
</head>
<body>
    <div ng-controller="ngAddressListController">
        <div id="container">
            <h1>Ng Address Book</h1>
            <div id="content" ng-view>
            </div>
        </div>
    </div>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.1/angular.min.js"></script>
    <script src = "angular-route.min.js"></script>
    <script src="main.js"> </script>
</body>
</html>

Answer 1

There is a problem in controller parameter injection. 控制器参数注入存在问题。 You have not added $routeParams in your array injection list. 您还没有在数组注入列表中添加$routeParams 。

ngAddressBook.controller('ngAddressDetailsController', ['$scope','$routeParams', function ($scope,$routeParams)
{
    alert($routeParams);
    $scope.id = $routeParams.id;
}]);

Answer 2

As I found this on top on google: apart from the missing injection - asign the object $routeParams and not the Key $routeParams.id 正如我在google上发现这一点：除了缺少注入 - 对象$routeParams而不是Key $routeParams.id

I found the explination here (from Sander Elias) 我在这里找到了这个探索（来自Sander Elias）

ngAddressBook.controller('ngAddressDetailsController', ['$scope','$routeParams', function ($scope,$routeParams)
{
    $scope.id = $routeParams
    alert($routeParams);
}]);

AngularJS $ routeParams未定义

问题描述

2 个解决方案

解决方案1
13 已采纳 2015-02-14 07:30:50

解决方案2
1 2016-01-23 17:33:20

AngularJS $ routeParams未定义

问题描述

2 个解决方案

解决方案1 13 已采纳 2015-02-14 07:30:50

解决方案2 1 2016-01-23 17:33:20

解决方案1
13 已采纳 2015-02-14 07:30:50

解决方案2
1 2016-01-23 17:33:20