2017-08-14 54 views
0

我正在嘗試更新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。

我不知道如何更新路由,有人可以給我一個提示嗎?

回答

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(路線)」。

+0

謝謝! export.app.routes應該像這樣工作,不是嗎?或者我錯過了什麼? 編輯:你可以看看我更新的代碼? –

+0

@Rüdiger你有沒有「根」路線?如果沒有,則應添加 - this.routerExtensions.navigate([「/ XXX」])。 你不需要注入「路由器」本身。使用「RouterExtensions」來代替簡單的導航(除非你有充分的理由使用基本路由器) – MatanCo

+0

我更新了我的帖子,用於routes-element。我不確定您是否可以在Angular/[email protected]中使用RouterExtensions,因爲在此之下開發了該應用程序。如果你已經可以在那裏使用它,這可能有一個原因,他們沒有這樣做(無論是什麼原因) –