4
저는 처음에 requireJS를 사용했습니다. 간단한 시작을위한 'hello worldish'프로젝트를 만들고 싶었습니다. 내가 비록 GreetCtrl
가로드하려고 시도 할 때 angular is not defined
을 JS 오류로 만들기 때문에 무언가를 놓치고있다.단순 요구 각도 JS가있는 각도 - 각도가 정의되지 않음
된 index.html :
<!DOCTYPE html>
<html ng-app="ReqApp" ng-controller="GreetCtrl">
<body>
<h1>{{greeting}}!</h1>
<script src="assets/require/require.js" data-main="assets/require/main"></script>
</body>
</html>
main.js :
require.config({
// alias libraries paths
paths: {
'domReady': 'domReady',
'angular': '../../vendor/angular/angular.min',
'GreetCtrl': '../../src/app/modules/GreetCtrl',
'app': '../../src/app/app'
},
// angular does not support AMD out of the box, put it in a shim
shim: {
'angular': {
exports: 'angular'
}
},
// kick start application
deps: ['./bootstrap']
});
bootstrap.js :
define([
'require',
'angular',
'app'
], function (require, ng) {
'use strict';
require(['domReady!'], function (document) {
ng.bootstrap(document, ['ReqApp']);
});
});
app.js :
define([
'angular',
'GreetCtrl'
], function (ng) {
'use strict';
return ng.module('ReqApp', [
'ReqApp.GreetCtrl'
]);
});
최종적 GreetCtrl.js :
angular.module('ReqApp.GreetCtrl', [])
.controller('GreetCtrl', function GreetCtrl ($scope) {
$scope.greeting = "greetings puny human";
});
방화에 따르면, GreetCtrl.js
라인 1 angular is not defined
의 에러가 발생. 내가 여기서 무엇을 놓치고 있니?
미리 감사드립니다.
어땠어? 나에게 도움이되는 시간을내어 주셔서 대단히 감사합니다 !!! – tengen