Utilizing Angular.js routing capabilities, I have configured my home route to be the default route. This means that when I launch the application, it will automatically navigate to the specified default route.
For example, when I access the application via the URL www.abc.com
Here is the code snippet:
var portalModule = angular.module("portalModule", ['ngRoute']).config(function ($routeProvider, $locationProvider) {
//Define paths for different routes
$routeProvider.when('/Home', { templateUrl: '/PortalTemplate/Home.html', controller: 'homeController' });
//List routing
$routeProvider.when('/ProductList', { templateUrl: '/PortalTemplate/ProductList.html', controller: 'productController' });
$routeProvider.when('/ShopList', { templateUrl: '/PortalTemplate/ShopList.html', controller: 'shopController' });
$routeProvider.when('/ServiceList', { templateUrl: '/PortalTemplate/ServiceList.html', controller: 'serviceController' });
//Detail Routing
$routeProvider.when('/ProductDetail', { templateUrl: '/PortalTemplate/ProductDetail.html', controller: 'productDetailController' });
$routeProvider.when('/ShopDetail', { templateUrl: '/PortalTemplate/ShopDetail.html', controller: 'shopDetailController' });
$routeProvider.when('/ServiceDetail', { templateUrl: '/PortalTemplate/ServiceDetail.html', controller: 'serviceDetailController' });
$locationProvider.html5Mode(true);
});
Therefore, by setting /Home as the default route, whenever I open my application at www.abc.com, it will automatically load the Home page.