为什么 resolve 方法不向控制器返回任何数据？

Question

我正在按照 youtube 中的本教程进行操作，并试图将解析方法 getposts 放入 contactController 中。我不知道为什么它 return 没有任何价值。

有人能告诉我我在这里做错了什么吗？我在 Whosebug 中为此花了一个小时，但没有希望:(

var app = angular.module('simpleApp', ['ngRoute', 'ngSanitize']);

app.config(['$routeProvider', function($routeProvider){
  $routeProvider
  .when('/', {
    templateUrl: './partials/home.html'
  })
  .when('/contact', {
    controller: "contactController",
    controllerAs: "contactCtrl",
    templateUrl: './partials/contact.html',
    resolve:{
      getposts: function($http) {
        return $http.get('https://jsonplaceholder.typicode.com/comments/1')
                    .then(function(response) {
                      // console.log(response.data) returns api data
                        return response.data;
        })
      } 
    }
  }).controller('contactController', ['$scope', '$http', function($scope, $http, getposts){

  vm = this;

  console.log(getposts); // not getting response.data from getposts

  vm.posts = getposts;

}])

// contact.html
<div>
  <div class="row">
    dfgdfg
    <div class="col-lg-6">
      {{ posts }}
    </div>
  </div>
</div>

问题 1：如果我删除这两行

controller: "contactController",
controllerAs:"contactCtrl"

并在 contact.html 中的主要 div 中添加 ng-controller="contactController" 我得到一个错误

Error: [$injector:unpr] Unknown provider: getpostsProvider <- getposts <- contactController

问题 2：如果添加了那些 controller 和 controllerAs 行并从视图中删除了 ng-controller="contactController" 那么我需要添加 $scope 将帖子输出到视图。如果我这样做 vm.posts = getposts; 它不会在视图中显示 json 响应。哦，该死的，我很困惑。

Answer 1

基本上你错过了在控制器 DI 数组的内联数组注释中注入 getPosts。

controller('contactController', [
   '$scope', '$http', 'getposts', //<-- you missed to inject here
      function($scope, $http, getposts){

为什么 resolve 方法不向控制器返回任何数据？

Why resolve method is not returning any data to the controller?

javascript

angularjs

ngroute