Угловая UIRouter решительность неизвестный провайдер

Question

Я пытаюсь использовать пользовательский интерфейс маршрутизаторами решимости захватить некоторые данные для использования в контроллере:

$stateProvider 
    .state('home', { 
    url: '/', 
    templateUrl: 'templates/home.html', 
    controller: 'homeCtrl', 
    resolve: {       
     friends: ['$http', function($http) { 
      return $http.get('api/friends.json').then(function(response) { 
        return response.data; 
      }) 
     }] 
    } 
}) 

Вот контроллер:

angular.module('app').controller('homeCtrl', ['friends', function(friends) { 
     this.friends = friends; 
    }]); 

HTML:

<section ng-controller="homeCtrl as home"> 
    <ul> 
     <li ng-repeat="friend in home.friends"> 
      {{friend.name}} : {{friend.age}} 
     </li> 
    </ul> 
</section> 

Как я могу заставить это работать? error Я получаю подсказки, чтобы определить услугу. Не совсем уверен, как это сделать. Кроме того, я знаю, что могу заставить его работать, вводя $ scope. Я надеюсь избежать этого, поскольку я пытаюсь узнать что-то новое здесь.

Answer 1

Вы включили контроллер дважды. Один раз в HTML и один раз в ui-router. Таким образом, вы фактически получаете два экземпляра контроллера.

Решение: удалить контроллер включает от HTML, и добавить в пользовательский интерфейс-маршрутизатор $ stateProvider:

controllerAs: 'home'