$routeParams不返回对象

Question

我有一个控制器，我试图在使用$routeParams时访问这些参数，但是当我用console.log检查值时，就会产生对lodash的引用。

(function() {
  'use strict';

  angular
    .module('card-info.controller', ['ui.bootstrap'])
    .controller('CardInfoController', CardInfoController);

  CardInfoController.$inject = [
    'fetchCard',
    'fetchSet',
    '_',
    '$routeParams',
    '$filter',
    '$location'
  ];

  function CardInfoController (fetchCard, _, $routeParams, $filter, $location) {
    var vm = this;
    var id = $routeParams.id;

    fetchCard.getCardInfo(id).then(function(d) {
      displayCard(d);
    });

  ...

  }
)}()

下面是指向控制器的链接。路由器事件正在触发，URL正在正常变化，只是我的注入中似乎有问题。

Answer 1

您的注入值与其名称之间有错误的偏移量。

您注入了fetchSet，但没有在函数签名中使用它。

这

function CardInfoController (fetchCard, _, $routeParams, $filter, $location) {

应该是

function CardInfoController (fetchCard, fetchSet, _, $routeParams, $filter, $location) {

伟大的签名的宇宙秩序被恢复。

Answer 2

$routeParams是ngRoute模块的服务，您必须将它添加到模块声明中：

 angular
  .module('card-info.controller', ['ui.bootstrap', 'ngRoute'])
  .controller('CardInfoController', CardInfoController);

来源：$routeParams