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

Question

我正在尝试更新我的NativeScript应用程序。我的问题是从Angular升级而来的新路由。我的package.json依赖项：

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

升级后：

    "@angular/router": "4.1.0",

现在我知道有一些新的路由，我不能真正深入其中。

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

我想不出如何更新路线，有人能给我点提示吗？

Answer 1

您不需要在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)“。