AngularJS : Service Location dan Timeout

Mahir Koding – Dalam materi ini, saya akan menjelaskan bagaimana menggunakan fitur Location dan Timeout pada AngularJS. Service Location digunakan untuk mengetahui detail dari location/URL yang sedang diakses.

Cara penggunaan :

<!DOCTYPE html>
<html>
<head>
	<title>AngularJS - Tutorial</title>
	<script type="text/javascript" src="js/angular.min.js"></script>
</head>
<body ng-app="myApp" ng-controller="testController">
	Current URL : {{ currentUrl }}
	Current Protocol : {{ currentProtocol }}
	Current Host : {{ currentHost }}
	Current Port : {{ currentPort }}
</body>
<script type="text/javascript">
	var app = angular.module("myApp", []);
	app.controller("testController", function($scope, $location){
		$scope.currentUrl = $location.absUrl();
		$scope.currentProtocol = $location.protocol();
		$scope.currentHost = $location.host();
		$scope.currentPort = $location.port();
	})
</script>
</html>

Beberapa method yang tersedia dalam service location :

  • absUrl() Untuk mengambil url yang aktif terbuka sekarang dari address bar.
  • protocol() Untuk mengetahui protokol apa yang sedang digunakan saat ini.
  • host() – Untuk mengetahui host yang sedang digunakan saat ini.
  • port() – Untuk mengetahui port yang sedang digunakan saat ini.

Sedangkan service timeout digunakan untuk membuat timeout/delay seperti fungsi setTimeout di javascript.

Cara penggunaan :

<script type="text/javascript">
	var app = angular.module("myApp", []);
	app.controller("testController", function($scope, $timeout){
		$scope.sayHello = function(){
			alert("Hello World!");
		}

		$timeout($scope.sayHello, 3000);
	})
</script>

Jika ada pertanyaan yang kurang jelas silahkan berkomentar di bawah. Atau, jika ingin request tutorial juga dapat ke halaman ini. Dukung terus Mahir Koding agar dapat selalu mengupdate artikel dengan share dan like artikel ini. Terima Kasih.


Notice: Undefined offset: 0 in /var/www/mahirkoding/wp-content/themes/portus-premium-theme/includes/single/about-author.php on line 25