<!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(1): <input type="text" ng-model="sayi1">
<p>sayi girin(2): <input type="text" ng-model="sayi2">
</input>
</p>
<br>
<input type="button" value="+" ng-click="topla()">
<input type="button" value="-" ng-click="cikar()">
<input type="button" value="*" ng-click="carp()">
<input type="button" value="/" ng-click="bol()"><br>
<b>sonuc:</b> {{sonuc}}
</div>
</body>
<script >
var uygulama = angular.module("myApp", []);
uygulama.controller('ngKontrol', function($scope,hesapmakinesi){
$scope.sonuc=0
$scope.topla=function(){
$scope.sonuc=hesapmakinesi.ngTopla(parseInt($scope.sayi1), parseInt($scope.sayi2))
}
$scope.cikar=function(){
$scope.sonuc=hesapmakinesi.ngCikar($scope.sayi1,$scope.sayi2)
}
$scope.carp=function(){
$scope.sonuc=hesapmakinesi.ngCarp($scope.sayi1,$scope.sayi2)
}
$scope.bol=function(){
if ($scope.sayi2!=0)
{ $scope.sonuc=hesapmakinesi.ngBol($scope.sayi1,$scope.sayi2)}
else{alert("sayi2 0 dan büyük olmalı")}
}
})
uygulama.service('hesapmakinesi',function(){
this.ngTopla=function(a,b){
return a+b;
}
this.ngCikar=function(a,b){
return (a>b)?(a-b):(b-a);
}
this.ngCarp=function(a,b)
{
return a*b;
}
this.ngBol=function(a,b)
{
return a/b;
}
});
</script>
</html>
Kullanılan service methodu yine aynı modül üzerinde oluşturuldu, bu nedenle modül üzerinden hesapmakinesi servisine erişimimiz var,
Peki bu servis farklı bir modülde tanımlı olsaydı bu servisi kullanmak için kullanmak istediğimiz modül üzerine servisin bağlı olduğu modulu bağımlı olarak tanımlamamız gerekir
<!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-app="myApp" ng-controller="ngKontrol">
sayi: <input type="text" ng-model="sayi"><br>
<input type="button" value="x²" ng-click="kare()">
<input type="button" value="x³" ng-click="kup()">
{{sonuc}}
</div>
</body>
<script >
var uygulama = angular.module("myApp", ["anaModul"]);
uygulama.controller('ngKontrol', function($scope,myService){
$scope.kare=function(){
$scope.sonuc=myService.ngkare($scope.sayi)
}
$scope.kup=function(){
$scope.sonuc=myService.ngkup($scope.sayi)
}
});
var ana= angular.module("anaModul", []);
ana.service('myService',function(){
this.ngkare=function(a){
return a*a
}
this.ngkup=function(a){
return a*a*a
}
})
</script>
</html>
Eğer kendi modulunde tanımlı servis adı ile bağımlı olduğu modül ismi aynı ise kendi servisinin önceliği vardir, onu kullanır
Hiç yorum yok:
Yorum Gönder