Servis oluşturmak için 3 yöntemimiz
var.(Service, Provider, Factory)
Service
Servis oluşturmak için kullanılan en basit yapıdır.
Servis
Tanımlama
app.service('ServiceName',
function
() {
this.xxx=
function
(a) { return
--- };
});
Dependency Olarak Controller’a tanımla
app.controller('CtrlName',
function
($scope,
ServiceName)
});
<script >
var uygulama = angular.module("myApp", []);
uygulama.controller('ngKontrol', function($scope,ngService){
$scope.sayac=0
$scope.cikar=0
$scope.sayac=ngService.topla(4,4)
$scope.cikar=ngService.cikar(4,4)
});
uygulama.service('ngService',function(ngService2){
this.topla=function(a,b){
return a+b;
}
this.cikar=function(){
return ngService2.cikart(5,3)
}
})
uygulama.service('ngService2',function(){
this.cikart=function(a,b){
return a-b;
}
})
</script>
ÖRNEK
<!DOCTYPE html>
<html ng-app="myApp">
<head>
<meta charset="utf-8" />
<title>Sutuna Göre Sırala</title>
<script src="https://code.angularjs.org/1.5.0/angular.js">
</script>
</head>
<body>
<div ng-controller="ngKontrol">
<p>sayi girin: <input type="text" ng-model="sayi">
</input>
</p>
<br>
<input type="button" value="x³" ng-click="kupal()">
</input>
<input type="button" value="x²" ng-click="kareal()"></input><br>
<b>sonuc:</b> sonuc:{{sonuc}}
</div>
</body>
<script >
var uygulama = angular.module("myApp", []);
uygulama.controller('ngKontrol', function($scope,ngService){
$scope.sonuc=0
$scope.kupal=function() {
$scope.sonuc=ngService.kup($scope.sayi)
}
$scope.kareal=function() {
$scope.sonuc=ngService.kare($scope.sayi)
}
});
uygulama.service('ngService',function(){
this.kare=function(a)
{ return a*a; }
this.kup=function(a)
{ return a*a*a; }
})
</script>
</html>
Hiç yorum yok:
Yorum Gönder