如何使用角度中的<a>标签中的点击重定向页面

【问题标题】：how to redirect page using click in <a> tag in angular如何使用角度中的<a>标签中的点击重定向页面
【发布时间】：2018-05-23 11:32:17
【问题描述】：

我现有的代码

<a class="getStart-button line blue" href="#" (click)="navigateBack()" title="Back">Back</a>

我想像这样使用没有 href 的代码：

 <a class="getStart-button line blue" (click)="navigateBack()" title="Back">Back</a>

【问题讨论】：

完全正确，navigateBack 中有什么内容？
navigateBack() { this.BackToList.emit("List"); }
你可以用location.reload();代替navigateBack()。
简单使用<a routerLink="../">Go Back</a>

标签： asp.net angular redirect asp.net-web-api tags

【解决方案1】：

好的，试试这个。

<a class="getStart-button line blue" (click)="navigateBack()" title="Back">Back</a>

在component.ts中

   import { Location, LocationStrategy, PathLocationStrategy } from '@angular/common';

@Component({
  selector: 'selector',
  providers: [Location, { provide: LocationStrategy, useClass: PathLocationStrategy }],
  template: `your tempalte`
})

export class Component {
  constructor(private location: Location) { }

  public navigateBack(): void {
    this.location.back();
  }
}

在here阅读更多关于角度定位服务。

希望这会有所帮助。

【讨论】：