AngularJS Service이해하기
4월 12, 2017
In Javascript |
개념
서비스는 여러 함수적인 기능을 수행하는 컨트롤러와는 다르게 하나의 객체를 리턴하는 형태가 주를 이룬다.
컨트롤러는 $scope 상의 모델을 조작하거나 UI와 밀접하게 여러 기능들을 수행하는 반면 서비스는 자체가 싱글톤이라는 특성을 사용하여 컨트롤러간의 통신을 제어하거나, 리소스 접근 권한을 가진 객체를 리턴하여 컨트롤러에서 필요한 처리하게 된다.
예제
Javascript
<script>
var myApp = angular.module('myApp', []);
myApp.controller('HelloCtrl', function ($scope, HelloService, HelloFactory){
$scope.title = 'Hello';
// service 함수 선언
$scope.addWorldService = function(){
$scope.title = HelloService.addWorld($scope.title);
};
});
myApp.service('HelloService', function(){
this.addWorld = function(title){
return title + " world";
};
});
</script>
HTML
<body>
<div ng-app="myApp">
<div ng-controller="HelloCtrl">
<h1>{{title}}</h1>
<br/>
<button ng-click="addWorldService()">via service</button>
</div>
</div>
</body>