본문 바로가기
카테고리 없음

AngularJS 기초 - 04

by ByteBridge 2016. 2. 23.
반응형
모듈 정의

모듈은 어플리케이션을 정의하고 모든 어플리케이션 컨트롤러는 모듈 내에 속해야 한다.
예제 01
app.js 는 어플리케이션 모듈 정의를 포함하며, myController.js 는 컨트롤러를 포함한다.

<div ng-app=“app” ng-controller=“myController”>
</div>
<script src=“app.js”></script>
<script src=“myController.js”></script>

          예제 02:
myApp이라는 이름을 가진 어플리케이션은 myController 라는 컨트롤러를 모듈의 속성으로 가지고 있다.
     <div ng-app=“myApp” ng-controller=“myController”></div>

<script>
     # 모듈을 만든다.
     var app=angular.module(“myApp”,[]); 
     #컨트롤러를 만든다.
     app.controller(“myController”,function($scope){ 
          $scope.name=“gavin”;
          $scope.age=10;
});
</script>

모듈정의 내의 [ ] 매개 변수는 의존적인 모듈(dependent module)을 선언하기 위해 사용된다.



반응형