Membuat Loading Pada Ionic

Dika
Written by Dika on

Halo bro, kembali lagi saya pada postingan selanjutnya.. sebelumnya saya pernah posting tentang bagaimana sih cara menginstall ionic? dan apa sih ionic itu? coba cari aa deh di postingan saya sebelumnya atau bisa juga lihat di : Installasi Ionic pada Windows 7

Nah jika sudah tau apa itu ionic dan sudah pernah menginstallnya, yo mari kita lanjutkan aja pada inti postingan ini :D

ionic_dik
Untuk source :

controller.js
.controller('LoadingCtrl', function($scope, $timeout, $ionicLoading) {
	//Action tombol ng-click="showLoading()" di folder templates tab-dash.html
	
	$scope.showLoading = function() {
		// Setup the loader
		$ionicLoading.show({
			content: 'Loading',
			animation: 'fade-in',
			showBackdrop: true,
			maxWidth: 200,
			showDelay: 0
		});

		//Sesudah loading
		$timeout(function () {
			//Loading di sembunyikan
			$ionicLoading.hide();
			//Buat di looping coeg
			$scope.baturans = [
				{name: 'Ferdhika', deskripsi : 'Ganteng'}, 
				{name: 'Ikbal', deskripsi : 'Tamvan'}, 
				{name: 'Coeg', deskripsi : 'Maho'}
			];
		}, 2000);
  	};
})

nah untuk implementasi, mungkin bisa di explore sendiri.. :D

Untuk yng mau download source nya, bisa di cicip disini : Download

Semoga bermanfaat untuk snippet kali ini :D sampai jumpa di tutorial selanjutnya :)

Comments

comments powered by Disqus