回到 Angular 4 的上一个页面。

20 浏览
0 Comments

回到 Angular 4 的上一个页面。

这个问题已经有答案了:

如何返回上一页

我想要返回之前的页面。

之前的页面：job.html

当前的页面：jobDetail.html

按照说明，我在jobDetail.component.ts文件的顶部添加了import { Location } from \'@angular/common\';，然后添加了

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

我在jobDetail.html中有一个html代码，但是不知道接下来该怎么做。我应该如何正确地添加一个 \"返回\" 按钮。没有适合像我这样新手的简单教程。

Back

admin 更改状态以发布 2023年5月20日
0

1 答案

0 Comments

这个由Hinrich发布的方法可行：

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

Back

0