Angular 1.5를 사용하는 앱에 대해 다음 세 파일이 있습니다.
app.js
angular.module('myApp', ['ngRoute', 'myApp.service'])
.controller('AppController', AppController);
AppController.$inject = ['$scope', 'GreeterService'];
function AppController($scope, GreeterService) {
$scope.greeting = GreeterService.greet("World");
}
service.js
angular.module('myApp.service', [])
.factory('GreeterService', function() {
return {
salutation: 'Hello',
greet: function(name) {
return this.salutation + ' ' + name + '!';
}
};
});
및 index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="">
</head>
<body>
<header>
</header>
<main ng-app='myApp'>
<div ng-controller="AppController">
{{ greeting }}
</div>
</main>
<footer>
<script src="libs/angular.js" charset="utf-8"></script>
<script src="libs/angular-route.min.js" charset="utf-8"></script>
<script src="js/app.js" charset="utf-8"></script>
</footer>
</body>
</html>
앱이 제대로로드되지 않고 이유를 모르겠습니다. app.js와 service.js는 같은 디렉토리에 있습니다. 두 가지 모두에 대한 모듈을 만들었으며 myApp의 종속성에 myApp.service를 주입하고 myApp.service는 싱글 톤으로 사용할 개체를 반환하는 팩토리를 정의하며 모든 이름이 일치합니다. 콘솔에 표시되는 오류는 myApp.service를 사용할 수 없기 때문에로드 할 수 없다는 메시지입니다. myApp과 myApp.service는 내가 알 수있는 한 DI를 올바르게 사용하고 있으며, 그렇게 멀어지지 않았기 때문에 컨트롤러라고 생각하지 않습니다. 나는 정말로 문제가 무엇인지 알 수 없으며 도움을 주시면 감사하겠습니다.
service.js서비스 정의에 대한 참조를 추가하지 않았습니다 .index.html
<!DOCTYPE html>
</header>
<main ng-app='myApp'>
<div ng-controller="AppController">
{{ greeting }}
</div>
</main>
<footer>
<script src="libs/angular.js" charset="utf-8"></script>
<script src="libs/angular-route.min.js" charset="utf-8"></script>
<script src="js/app.js" charset="utf-8"></script>
<script src="js/service.js" charset="utf-8"></script>
</footer>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다