Angular.JS: Routing

Kembali membahas AngularJs, kali ini maju satu langkah, mari mempelajari routing. Pada dasarnya Angular menangani event perubahan hash pada URL dan mengarahkannya pada ng-view. ngView ini membutuhkan template berupa file html terpisah yang akan dimuat oleh Angular.

Berikut adalah potongan kode Javascript.

angular.module('RoutingApp', ['ngRoute'])
	.config( ['$routeProvider', function($routeProvider) {
		$routeProvider
			.when('/first', {
				templateUrl: 'first.html'
			})
			.when('/second', {
				templateUrl: 'second.html'
			})
			.otherwise({
				redirectTo: '/'
			});
 	}]);

Demo bisa dilihat di link berikut: http://baddwin.github.io/demo-koding/angularjs-ng-view.html

Written on October 10, 2015