main.js

var app = angular.module('myApp', ['ngRoute']);

app.config(['$routeProvider', '$locationProvider'], function ($routeProvider, $locationProvider) {

    $routeProvider.when('/route1', {
        templateUrl: 'html/route1.html',
        controller: 'route1Controller'
    });

    $routeProvider.when('/route2', {
        templateUrl: 'html/route2.html',
        controller: 'route2Controller'
    });
});


app.controller('route1Controller', function ($scope) {
    $scope.message = "Index Controller is here :3";
});


app.controller('route2Controller', function($scope) {
    $scope.message = "You've been switching to route 2 now :3"
});