Onclick圖像移動另一頁不起作用

Question

• 我是新來的本地腳本。我從Alert頁導航到 Naviagation頁面。我已發佈所有相關代碼。請檢查它。

• 我沒有收到任何問題。在執行onClick圖像時，我可以調用此方法onNotification()。

• 我能夠看到這個控制檯登錄命令提示符

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

• 但我不知道，爲什麼它沒有移動到通知頁面上時，在警報按鈕 點擊page.Bowow我已添加所有相關的代碼。

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

我必須使用路徑文件夾名稱的通知。我將第二頁NotificationComponent放置在該Notification文件夾中，這就是爲什麼我無法在頁面之間導航的原因。

通過改變這樣的：

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

這樣：

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

固定我的問題

Answer 2

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