Collectives™ on Stack Overflow

Find centralized, trusted content and collaborate around the technologies you use most.

Teams

Q&A for work

Connect and share knowledge within a single location that is structured and easy to search.

Uncaught Error: Template parse errors: Unexpected closing tag "a". It may happen when the tag has already been closed by another tag

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<div class="container">
  <table class="table">
    <thead>
        <th scope="col">#</th>
        <th scope="col">Product Company</th>
        <th scope="col">Model</th>
        <th scope="col">Price</th>
        <th scope="col">Edit</th>
    </thead>
    <tbody>
      <tr *ngFor="let item of productList">
        <td>{{item.id}}</td>
        <td>{{item.pname}}</td>
        <td>{{item.model}}</td>
        <td>{{item.price}}</td>
        <td><a routerLink=/updateoneproduct/{{item.id}}><i class="far fa-edit"></i></a></td>
    </tbody>
  </table>
  <input type="button" value="Logout" (click)="logout()">
this is the html code im trying to execute in my angular project.
Uncaught Error: Template parse errors:
Unexpected closing tag "a". It may happen when the tag has already been closed by another tag
                routerLink=/updateoneproduct/{{item.id}}    to routerLink="/updateoneproduct/{{item.id}}"
– N Fard
                Jul 25, 2021 at 12:32
        
Thanks for contributing an answer to Stack Overflow!
Please be sure to answer the question. Provide details and share your research!
But avoid …
Asking for help, clarification, or responding to other answers.
Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.