Модуль с угловым впрыскиванием, вызывающий сбой связи

Question

Недавно я начал новый проект по угловому JS.

У меня есть index.html, который в основном отображает все файлы сценариев при запуске. Существует ng-view внутри, home.html будет загружен ngRoute и привязан к контроллеру HomeCtrl.

Когда я ввожу $ resource в свой HomeCtrl, ng-bind на моем html перестает работать, удаляя $ resource, он будет работать.

app.controller('HomeCtrl', ['$resource', function ($scope, $resource) { 
    $scope.testText = 'testabc'; 
}]) 

Я попытался ввести что-то другое, поведение тоже одно и то же, ng-bind не будет работать. В консоли браузера нет ошибки. Могу ли я узнать, как я могу отслеживать, что на самом деле происходит?

Файлы, как показано ниже:

https://plnkr.co/edit/P92PLlrWoqINpfeju5X1?p=preview

Answer 1

Вы забыли добавить «$ рамки», угловатые пытается внедрить объекты в том порядке, они установлены.

Изменить

app.controller('HomeCtrl', ['$resource', function ($scope, $resource) { 
    $scope.testText = 'testabc'; 
}]) 

в

app.controller('HomeCtrl', ['$scope', '$resource', function ($scope, $resource) { 
    $scope.testText = 'testabc'; 
}])