Angular JS：第一次解析的结果不会传递给第二次解析

Question

我想弄清楚为什么以下代码会产生 Unknown Provider 错误“geonameProvider

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

cacRouteViewMod.config(['$routeProvider', function($routeProvider, $routeParams) {
  $routeProvider    
    .when('/countries/:country/capital', {
      templateUrl: 'countries/country.html',
      controller: 'countryDetailCtrl',
      resolve: {
        geoname: ['$route', 'getGeoname', function($route, getGeoname) {
          return getGeoname($route.current.params.country);
        }],
        country: ['getCountry', 'geoname', function(getCountry, geoname) {
          return getCountry(geoname.countryCode);
        }],
        neighbors: ['$route', 'getNeighbors', function($route, getNeighbors) {
          return getNeighbors($route.current.params.country);
        }]
      }
   })
});

我看到了一些代码，其中给出了几乎相同的代码作为工作示例。就像其他 stackoverflow 帖子 (Angular JS resolve in a resolve) 一样。 还有这篇文章（https://medium.com/opinionated-angularjs/advanced-routing-and-resolves-a2fcbf874a1c）。

为什么我的不工作？

Answer 1

我相信这是因为您使用的是 ngRoute（AngularJS 中的本机路由模块）而不是 ui-routeur（您的文章中提到的模块）

尝试使用 ui-router，它应该看起来像：

.state('countries', {
      url: "/countries/:country/capital", 
      templateUrl: 'countries/country.html',
      controller: 'countryDetailCtrl',
      resolve: {
        geoname: ['$route', 'getGeoname', function($route, getGeoname) {
          return getGeoname($route.current.params.country);
        }],
        country: ['getCountry', 'geoname', function(getCountry, geoname) {
          return getCountry(geoname.countryCode);
        }],
        neighbors: ['$route', 'getNeighbors', function($route, getNeighbors) {
          return getNeighbors($route.current.params.country);
        }]

   })
});

并将其作为依赖注入：

var cacRouteViewMod = angular.module('cacRouteViewMod', ['ui-router', 'cacLib']);