Angular4：檢索如何在n-2網址

的網址/裝getEmployees將推出EmployeesComponent至極顯示員工，的清單當然當我點擊某一員工，網址getEmployee的/ N，EmployeeComponent推出，所以我希望我能在驗證員工後檢索url/getEmployees。這是可能的和如何？Angular4：檢索如何在n-2網址

來源

2017-08-10 Nicolas Alain

你是問如何獲得實際的網址是什麼？或者如何導航回該網址？ – DeborahK

返回，因爲當我在EmployeeComponent中時，我想檢索/ getEmployees，這是url/getEmployee/4之前的url。但是location.back（）不是解決方案 –

可以使用RouterLink以及導航回：

<div class='panel-footer'> 
    <a class='btn btn-default' routerLink="/getEmployees" > 
     <i class='glyphicon glyphicon-chevron-left'></i> Back 
    </a> 
</div>

來源

2017-08-10 18:43:12 DeborahK

如果你剛剛學習Angular，你可能需要考慮通過如Tour of Heroes這樣的教程來學習：https://angular.io/tutorial或者像這樣的課程：https：//app.pluralsight.com/library/courses/angular-2-getting-started-update（如果你不是會員，你可以免費註冊一週） – DeborahK

謝謝Deborah，但它是一個例子。當然，我想概括一下，我想在這種情況下檢索n-x url（n =當前情況和x之前的url） –

我已經成立的解決方案是使用一種服務至極店的網址，這裏只有一個網址，但它可能是一個數組。 SharedService

import { Injectable } from '@angular/core'; 

@Injectable() 
export class SharedService { 

    private urlOrigin: string; 
    public setUrlOrigin(url: string) :void {this.urlOrigin=url;} 
    public getUrlOrigin() { 
    let url: string = this.urlOrigin; 
    if (url === '') 
     url = '/home'; 
    this.urlOrigin = ''; // remove the url after using 
    return url; 
    } 
    constructor() { } 
}

EmployeeComponent

validateEmployee() { 
     this.employeeService.updateEmployee(this.employee). 
      subscribe(() => { 
      let urlOrigin: string = this.sharedService.getUrlOrigin(); 
      this.router.navigate([urlOrigin]); 
      }), 
      error => { 
      this.error = error.message; 
      }; 
     } 
}

來源

2017-08-13 18:00:39

Angular4：檢索如何在n-2網址

回答

相關問題