2016년 1월 11일 월요일

[AngularJS] Controller 분리

* 컨트롤러 사용 지침

  • 컨트롤과 뷰는 1 : 1 이 이상적이다.
  • 로직에 대한 처리는 Service 를 이용해서 처리하는 것이 좋다.
  • 컨트롤러에서 DOM 처리를 권장하지 않는다. 
  • 뷰에 대한 전문적인 처리는 지시자와 필터를 이용한다.
  • 컨트롤 간에 공유해야 하는 데이터는 Service를 이용한다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- index.html -->
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body ng-app='fruitApp'>
        <div ng-controller='controller1'>
            <p> hello {{name}} </p>
        </div>
          <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>        
          <script src="controller1.js"></script><!-- controller1.js should be declared first-->
          <script src="fruit.js"></script>
      </body>
</html>
cs

1
2
3
4
// fruit.js
var fruit = angular.module('fruitApp',[]);
fruit.controller('controller1', __controller1);
cs

1
2
3
4
// controller1.js
var __controller1 = function($scope){
    $scope.name = 'jteve';
};
cs

댓글 없음:

댓글 쓰기