2017-11-22 15 views
0

前のページに戻る必要があります。前のページに戻る角度4

前のページ:job.html 現在のページ:jobDetail.html

は、指示に従って、私はhtmlコードを持って

export class MyDetailComponent implements OnInit { 
constructor(private location: Location) {} 
    ngOnInit() { 
     this.location.subscribe(x => console.log(x)); 
    } 
} 

続い上部にjobDetail.component.tsファイルにimport { Location } from '@angular/common';を追加しましたin jobDetail.htmlしかし、今後の進め方は分かりません。前のボタンを正しく追加するにはどうすればいいですか?私のような初心者のための簡単なチュートリアルはありません。ハインリックが掲示するよう

<a routerLink="">Back</a> 
+0

を、この方法を試してください。https://stackoverflow.com/questions/35446955/how-to-go-バックラストページ – ahtsei

+0

ありがとうございます。私はそのリンクを先に行っていましたが、動作させることができませんでした。私はHinrichのソリューションを使用していました。 –

答えて

1

これが働いた:

import { Location } from '@angular/common'; 
// more imports here... 

@Component({ 
    // component's declarations here 
}) 
export class MyComponent { 

    constructor(private location: Location) { } // inject Location into class constructor 

    cancel() { 
    this.location.back(); // <-- go back to previous location on cancel 
    } 
} 

HTML

<a (click)="cancel()">Back</a>