升级app.component.ts @ angular / router和nativescript-angular / router的问题

时间:2017-08-14 13:57:10

标签: angular typescript nativescript angular-routing

我正在尝试更新我的NativeScript应用程序。我的问题在于从Angular升级的新路由。我的package.json依赖:

    "@angular/router": "3.0.0-beta.2"
升级后

    "@angular/router": "4.1.0",

现在我知道有一些新的路由,我无法真正进入它。

我正在努力更新我的app.component.ts。

我无法弄清楚如何更新路由,有人可以给我一个提示吗?

1 个答案:

答案 0 :(得分:2)

您无需在app.component.ts中导入指令。

而是这样做:

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"]);
}

不要忘记在模块中导入“NativeScriptRouterModule,NativeScriptRouterModule.forRoot(routes)”。