how to create clickable link to show specific Id Employee in Angular using Laravel API

working with Angular Front-end and Laravel Api to display data set of Employees details with title and lararies. Employee model one to many relationship with Title and Salary
employees.component.html

<table class="table">
    <thead>
        <tr>
            <th scope="col">#</th>
            <th scope="col">Employee Name</th>
            <th scope="col">Date of Birth</th>
            <th scope="col">Gender</th>
            <th scope="col">Hire Date</th>
        </tr>
    </thead>
    <tbody>
        <tr *ngFor="let emp of employee">
            <th scope="row">{{emp.emp_no}}</th>
            <td>{{emp.first_name}}</td>
            <td>{{emp.birth_date}}</td>
            <td>{{emp.gender}}</td>
            <td>{{emp.hire_date}}</td>

        </tr>
    </tbody>

</table>

and I have api route to display specific id Employee like this

//get specific employee
Route::get('employee/{id}','AppHttpControllersEmployeeController@getEmployeeById');

EmployeeController

 public function getEmployeeById($id) {
        $employee = Employee::with('titles','salaries')->find($id);
        if(is_null($employee)) {
            return response()->json(['message' => 'Employee Not Found'], 404);
        }
        return response()->json($employee::with('titles','salaries')->find($id), 200);
    }

angular data.service.ts for get employee by id is

getEmployeeById(id: string){
    return this.httpClient.get('http://127.0.0.1:8000/api/employee/'+id);
  }

now I need create a clickble link on the name colum of the Employee.component.ts file and redirect to new file to show spesific id emploee. then how could I do this?