$routeProvider in AngularJS, AngularJS $routeProvider with Example

<!DOCTYPE html>
<html>
	<head>
    	<title>AngularJS $routeProvider Example</title>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular-route.js"></script>
    </head>
	
    <body ng-app="myApp">
	
		<a href="#!html">HTML</a>
		<a href="#!css">CSS</a>
		<a href="#!bootstrap">Bootstrap</a>
		<a href="#!angularjs">AngularJS</a>
		<a href="#!javascript">JavaScript</a>
		 
		<div ng-view></div>
		 
		<h2>www.freetimelearning.com</h2>
		 
		<script type="text/javascript">
			var app = angular.module("myApp", ["ngRoute"]);
			app.config(function($routeProvider) {
				$routeProvider
				.when("/html", {
					templateUrl : "../examples/html.html"
				})
				.when("/css", {
					templateUrl : "../examples/css.html"
				})
			.when("/bootstrap", {
					templateUrl : "../examples/bootstrap.html"
				})
				.when("/angularjs", {
					templateUrl : "../examples/angularjs.html"
				})
				.when("/javascript", {
					templateUrl : "../examples/javascript.html"
				});
			});
		</script>
		
        
    </body>
</html>

Output :

Topic : AngularJS $routeProvider