升级app.component.ts时出现问题@ angular/router和nativescript-angular/router

问题描述:

我正在尝试更新NativeScript应用程序。我的问题在于从Angular升级到新的路由。我的package.json依赖性:升级app.component.ts时出现问题@ angular/router和nativescript-angular/router

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

升级之后:

"@angular/router": "4.1.0", 

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

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

我不知道如何更新路由,有人可以给我一个提示吗?

您不需要导入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(路线)”。

+0

谢谢! export.app.routes应该像这样工作,不是吗?或者我错过了什么? 编辑:你可以看看我更新的代码? –

+0

@Rüdiger你有没有“根”路线?如果没有,则应添加 - this.routerExtensions.navigate([“/ XXX”])。 你不需要注入“路由器”本身。使用“RouterExtensions”来代替简单的导航(除非你有充分的理由使用基本路由器) – MatanCo

+0

我更新了我的帖子,用于routes-element。我不确定您是否可以在Angular/[email protected]中使用RouterExtensions,因为在此之下开发了该应用程序。如果你已经可以在那里使用它,这可能有一个原因,他们没有这样做(无论是什么原因) –