Issues upgrading app.component.ts @angular/router and nativescript-angular/router

Question

I am trying to update my NativeScript application. My problems are with the new routing coming up with the upgrade from Angular. My package.json dependency:

    "@angular/router": "3.0.0-beta.2"

after upgrading it:

    "@angular/router": "4.1.0",

Now I know that there is some new routing and I can't really get into it.

I am struggling updating my app.component.ts.

I cannot figure out how to update the routing, can someone give me a hint?

MatanCo · Accepted Answer · 2017-08-14 14:10:45Z

2

You don't need to import the directives in app.component.ts.

instead do this:

import {RouterExtensions} from "nativescript-angular";
@Component({
selector: "my-app",
template: "<page-router-outlet></page-router-outlet>"})
export class AppComponent{
constructor(private app : ApplicationService, private router:RouterExtensions ){
this.router.navigate(["/SOME-ROUTE"]);
}

And don't forget to import "NativeScriptRouterModule, NativeScriptRouterModule.forRoot(routes)" in your module.

answered Aug 14, 2017 at 14:10

MatanCo

3742 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Rüdiger Over a year ago

Thank you! The export.app.routes should work like this, shouldn't it? Or did I miss something? Edit: could you have a look at my updated code?

MatanCo Over a year ago

@Rüdiger do you have a "root" route? if not, you should add - this.routerExtensions.navigate(["/XXX"]). you don't need to inject "router" itself. use "RouterExtensions" instead for simple navigation (unless you have a good reason to use the basic router)

Rüdiger Over a year ago

I update my post for the routes-element. I am not sure if you could use RouterExtensions already in Angular/[email protected], since the application got developed under this. If you could already use it there, it might have a reason that they did not do it (whatever reason that would be)

Collectives™ on Stack Overflow

Issues upgrading app.component.ts @angular/router and nativescript-angular/router

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related