제 5장: 세션 컨트롤러 생성하기

AngularJS 컨트롤러는 뷰와 서비스 사이에서 접착제처럼 동작합니다. 컨트롤러는 종종 스코프 변수에 저장된 데이터를 가져오기위해 서비스에서 메소드를 동작시켜 뷰에서 보여줍니다. 이번 장에서 두개의 컨트롤러를 생성합니다: SessionsCtrl은 세션 리스트 뷰를 관리하고, SessionsCtrl은 세션 디테일 뷰를 관리합니다.

1단계: 종속으로써 starter.services를 선언

1. conference/www/js/controllers.js을 엽니다.

2. 세션 서비스가 가능하기 위해 컨트롤러에 종속으로써 starter.services를 추가합니다.

   angular.module('starter.controllers', ['starter.services'])
   

2단계: Session List 컨트롤러 구현

1. controllers.js에서, PlayListsCtrl(복수)을 삭제합니다.

2. 세션 서비스를 사용하여 회의 세션의 목록을 검색하는 SessionsCtrl 컨트롤러를 sessions 스코프 변수에 저장하도록 수정합니다:

   .controller('SessionsCtrl', function($scope, Session) {
       $scope.sessions = Session.query();
   })
   

3단계: Session Details 컨트롤러 구현

1. controllers.js에서 PlayListCtrl(단수)을 삭제합니다.

2. 세션 서비스를 이용하여 특정한 세션을 검색하는 SessionCtrl 컨트롤러를 session 스코프 변수에 저장하도록 수정합니다:

   .controller('SessionCtrl', function($scope, $stateParams, Session) {
       $scope.session = Session.get({sessionId: $stateParams.sessionId});
   });