index.html

<!-- <!DOCTYPE html>
<html ng-app="myApp">
<head>
    <title>AngularJS Routing Example</title>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.7.9/angular-route.min.js"></script>
</head>
<body>

    <h1>AngularJS Routing Example</h1>

    <ul>
        <li><a href="#/login">Login</a></li>
        <li><a href="#/register">Register</a></li>
    </ul>

    <div ng-view></div>

    <script>
        var app = angular.module("myApp", ["ngRoute"]);

        app.config(function($routeProvider) {
            $routeProvider
                .when("/login", {
                    templateUrl: "login.html",
                    controller: "LoginController"
                })
                .when("/register", {
                    templateUrl: "register.html",
                    controller: "RegisterController"
                })
                .otherwise({
                    redirectTo: "/register"
                });
        });

        app.controller("LoginController", function($scope) {
            $scope.message = "Login Page";
        });

        app.controller("RegisterController", function($scope) {
            $scope.message = "Register Page";
        });

    </script>

</body>

</html> -->