Child page without parent's template/view

Issue

I have some states something like this:

stateHelperProvider.setNestedState({
    name: "root",
    children: [
        {
            name: "public",
            authenticate: false,
            children: [
                {
                    name: "login",
                    url: "/",
                    title: "Login",
                    views: {
                        "main@": {
                            controller: "LoginController",
                            templateUrl: "/views/login.html"
                        }
                    }
                },
            ]
        }
    ]
});

I need the login page to use a blank template (as little as possible), instead of injecting into main. How can I achieve this?

Solution

Just move login component to separate route.

Answered By – Antoniossss

Answer Checked By – David Goodson (AngularFixing Volunteer)