Router with {N} parameters as clearHistory, backstackVisible

[leocaseiro]

Hi, I'm trying to remove my back button after my login.

A good example is the sample-groceries in Angular.

After login, you can still see the back button, but I don't want that.

I am very well-known how to implement that using JS with frameModule.topmost. It's simple to add parameters such as clearHistory or backstackVisible.

Is there any way to pass these parameters with Angular?

I've tried also create a new <router-outlet> instead of <page-router-outlet> following the Docs about {N} Angular Navigation.

So I have a login and a index for my router-outlet, however, the index should have some child routers. I'm having lot's of issues trying this solution. Actually my index doesn't replace the full page which is what I want.

Anybody with some ideas for that?

I'm happy to post some examples here...but perhaps it's a simple parameter that I couldn't find.

Also it might be related with #2170

Many thanks

[vakrilov]

Currently, there is no support for clearing the history when navigation with the <page-router-outlet>. We care currently in a process of moving away form the router-depricated and adding support for the new router ( a.k.a @angular/router) and we will want to support for clearHistory and backstackVisible options.

Your alternative approach - using only <router-outlet> will solve the problem with the back button and seems like a viable solution. If you share some of the code - maybe we can make it work.

[ChrisMoffatt]

We (@leocaseiro) ended up getting around this by changing our constructor for the main page (after logging in) to:

import {Component} from "@angular/core";
import {Page} from "ui/page";

@Component({
    selector: 'home',
    templateUrl: 'Home.html'
})
export class Home {

    constructor(private _page: Page) {
        this._page.actionBarHidden = true;
    }
}

This seems to work quite well so far..

[vakrilov]

Great to hear you found a solution.
I'm closing this issue for now - reopen if needed.
The main issue about the new router integration is #218

[vakrilov]

Reopening this issue to track implementation of clearHistory and backstackVisible with @angular/router

[LTMenezes]

The solution from @ChrisMoffatt only removes the action bar but it does not stop the user from being able to go back to the early page (swiping left on IOS). We need to be able to remove completely the backstack just like the nativescript version.

[leocaseiro]

Hi @vakrilov, I'm using the new router now, and I'd like to implement clearHistory.
Has it done with new Router or not yet? Thanks.