他のページを移動するためのオンクリック画像が機能しない

Question

• 私はnativescriptを新しくしました。私は、Alertページから Naviagationページへのナビゲーションです。私はすべての関連コードを掲載しました。それを確認してください。

• 私は画像onClickを実行する際に、このメソッドをonNotification()と呼ぶことができます。

• は、私は、コマンドプロンプト

  console.log("SteveCheck", "Test");

• で、このコンソールログを参照することができるよ。しかし、それはとき クリック警戒中のボタンを通知ページに移動していないのはなぜ私は、知りません私はすべての関連コードを追加しました。

app.module.ts：

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; 
import { NativeScriptModule } from "nativescript-angular/nativescript.module"; 
import { AlertComponent } from "./AlertFolder/alert.component"; 


import { NativeScriptRouterModule } from "nativescript-angular/router" 
import {AppRoutes, AppComponents } from "./app.routing"; 

@NgModule({ 
    declarations: [AlertComponent, ...AppComponents], 
    bootstrap: [AlertComponent], 
    imports: [ 
    NativeScriptModule, 
    NativeScriptRouterModule, 
    NativeScriptRouterModule.forRoot(AppRoutes) 
    ], 

    schemas: [NO_ERRORS_SCHEMA], 
}) 

export class AppModule {} 

app.routing.ts：

import { AlertComponent } from "./AlertFolder/alert.component"; 
import { NotificationComponent } from "./Noficiation/notification"; 

export const AppRoutes:any = [ 

    { path: "", component: AlertComponent }, 
    { path: "NotificationPage", component: NotificationComponent} 
]; 

export const AppComponents: any = [ 

AlertComponent, 
NotificationComponent 

]; 

alert.component.ts：

@Component({ 
selector: "sdk-child-component", 
moduleId: module.id, 
.... 
}) 

export class AlertComponent { 

..... 
..... 
public constructor(private router: Router, private routerExtensions: RouterExtensions){ 

this.alertList = []; 
} 


onNotification() { 

    console.log("SteveCheck", "Test"); 
    this.router.navigate(["NotificationPage"]); 

} 

} 

alert.component.html：

<StackLayout class="borders" orientation="horizontal" > 
    <Label class="notification-label" text="Notification Center" ></Label> 
    <Image src="res://right_arrow" stretch="none" class="right-arrow" (tap)="onNotification()"></Image> 

    </StackLayout> 

Answer 1

私はパスフォルダ名の通知を使用する必要があります。私はその2番目のページのNotificationComponentをそのNotificationフォルダ内に置いています。そのため、ページ間を移動することができません。これに

this.router.navigate(["NotificationPage"]); 

：これを変更することにより

this.router.navigate(["Notification"]); 

は、私はそのが働いていない、このソリューションを試してみました

Answer 2

constructor(private routerExtensions: RouterExtensions) { 
    // ... 
} 
this.routerExtensions.navigate(["/NotificationPage"]);