anguar2 nativescriptエラー "TypeError：未定義はオブジェクトではありません（this.router 'を評価しています）"

Question

Angular2ネイティブスクリプトの新機能プログラミング...あるページを別のページに移動する必要があります。私はTypeError例外で立ち往生しています：plzは 私のコードが与えられます。..私を助けて "未定義のは（ 'this.router' を評価）オブジェクトではありません" ..

//page1.ts

public constructor(private router: Router) { } 
getMyDrawing(args) { 
    let pad = this.DrawingPad.nativeElement; 
    let img: Image = this.signImage.nativeElement; 
    let drawingImage; 
    pad.getDrawing().then 
    (
     (data) => { 
      console.log(data); 
      drawingImage = data; 
      img.src=data; 
      this.router.navigate(['page2']); 
     } 

    ); 
} 

を

//routing.ts

import { DrawingPadExample } from "./app.component"; 
import { Page2Component } from "./app.page2"; 

export const routes = [ 
    { path: "drawing-pad-example", component: DrawingPadExample}, 
    { path: "page2", component: Page2Component } 
]; 

export const navigatableComponents = [ 
DrawingPadExample, 
Page2Component 
]; 

//module.ts

import { NgModule, NO_ERRORS_SCHEMA } from "@angular/core"; 
import { NativeScriptModule } from "nativescript- 
angular/nativescript.module"; 
import { DrawingPadExample } from "./app.component"; 
import { routes, navigatableComponents } from "./app.routing"; 
import { NativeScriptRouterModule } from "nativescript- 
angular/router"; 
@NgModule({ 
    bootstrap: [ 
     DrawingPadExample 
    ], 
    imports: [ 
     NativeScriptModule, 
     NativeScriptRouterModule, 
     NativeScriptRouterModule.forRoot(routes) 
    ], 
    declarations: [ 
     DrawingPadExample, 
     ...navigatableComponents 
    ], 
    schemas: [ 
     NO_ERRORS_SCHEMA 
    ] 
}) 
export class AppModule { } 

Answer 1

@JBRは、いいえ、私はconstructoを使用して依存性注入を意味しますr、たとえば

constructor(private router: Router) {} 

この行をページ1のコンポーネントに追加します。

更新

ルータのコンストラクタでインスタンスを追加矢印機能を

(data) => { 
     console.log(data); 
     drawingImage = data; 
     img.src=data; 
     this.router.navigate(['page2']); 
    } 

Answer 2

をこの

function(data) { 
     console.log(data); 
     drawingImage = data; 
     img.src=data; 
     this.router.navigate(['page2']); 
    } 

を交換してください。あなたはナビゲーションが動作していないと言うとき

constructor(private router : Router){} 

は、エラーが述べたようにtypeError:"undefined is not an object (evaluating 'this.router')"あなたはまだ

Answer 3

をinitilizedされていない this.routerにアクセスしようとしているので、あなたはすべての何も起こらないんとエラーが発生しませんか？

コールバックをzoneCallbackに入れてみてください。

public constructor(private ngZone: NgZone, private router: Router){ 
} 

public getMyDrawing(args) { 
    let pad = this.DrawingPad.nativeElement; 
    let img: Image = this.signImage.nativeElement; 
    let drawingImage; 

    pad.getDrawing().then((data) => { 
     this.ngZone.run(() => { 
      console.log(data); 
      drawingImage = data; 
      img.src=data; 
      this.router.navigate(['page2']); 
     }); 
    }); 
}