2013-10-24 3 views
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의 에러가 발생. 내가 여기서 무엇을 놓치고 있니?

미리 감사드립니다.

답변

2

당신은 GreetCtrlangular에 의존하고 있으므로 undefined이라고 말하지 않았습니다. GreetCtrl을 다음과 같이 변경해보세요.

+0

어땠어? 나에게 도움이되는 시간을내어 주셔서 대단히 감사합니다 !!! – tengen