Angular $routeProvider infinite routes

Question

In my app.ts I have this defined

angular.module('app').config([
    '$routeProvider', 
    function ($routeProvider) {

    $routeProvider
        .when('/Home', {
            templateUrl: '/Home/HomeView'
        })
        .when('/DashboardView/:AppName', {
            templateUrl: '/Home/DashboardView'
        })
        .otherwise({ 
            redirectTo: '/Home' 
        });
}]);

The route works just fine for any AppName that I have defined in my DB. How do I limit the routes to just the AppNames I have defined. Currently it is accepting routes like "/DashboardView/blahblahblah"

Thanks for the help

Answer 1

Your templateUrl should have .html extension

.when('/Home', {
            templateUrl: '/Home/HomeView.html'
        })
        .when('/DashboardView/:AppName', {
            templateUrl: '/Home/DashboardView.html'
        })
        .otherwise({ redirectTo: '/Home' });