2016-08-04 7 views
0

최근에 angularJS에서 새 프로젝트를 시작했습니다.Angular가 바인드 실패의 원인이되는 모듈을 삽입합니다.

기본적으로 시작될 때 모든 스크립트 파일을 렌더링하는 index.html이 있습니다. 내부에 ng-view가 있으며, home.html은 ngRoute에 의해로드되고 HomeCtrl이라는 컨트롤러에 바인드됩니다.

내 HomeCtrl에 $ resource를 삽입하면 html의 ng-bind가 작동하지 않고 $ resource가 제거됩니다.

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

다른 것을 주입하려고 시도했지만, 동작 또한 동일합니다. ng-bind는 작동하지 않습니다. 브라우저 콘솔에 오류가 표시되지 않습니다. 실제로 일어나는 일을 어떻게 추적 할 수 있는지 알고 싶습니다. 아래

파일 : 당신은 '$ 범위'를 추가하는 것을 잊었다

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

+0

에 당신은 $ 범위를 주입하지 않았다. 그래서 $ scope.testText는 실제로 $ resource.testText이므로 의존성 주입 순서가됩니다. – scokmen

답변

2

, 각 시도는이 설정되고있는 순서로 개체를 삽입합니다.

변경

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

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

지금 일하고 있습니다, 많은 감사합니다! –

+0

기꺼이 도와 드리겠습니다. 문제가 해결 되었다면 답을 수락하는 것을 고려하십시오! Thx : D – tpsilva