Блог

Я думаю, что это легко, но мне кажется, что это трудно, пожалуйста, помогите. Что мне нужно сделать, так это проложить маршрут от одной таблицы к другой на той же странице.

что я сделал до сих пор:

 <table class="table  bg-gray-400 mt-3">
      <thead>
          <tr>
              <th>ID</th>
              <th>A</th>
              <th>B</th>
              <th>C</th>
              <th>D</th>
          </tr>
      </thead>
      <tbody>
        <tr *ngFor="let import of imports; let i=index">
          <td>{{import.id}}</td>
          <td>{{import.a}}</td>
          <td>{{import.b}}</td>
          <td>{{import.c}}</td>
          <td>{{import.d}}</td>
        </tr>
      </tbody>
  </table>
 

Когда пользователь нажимает на идентификатор, он перенаправляется в другую таблицу с другими данными и на одной странице.

Если я правильно понял ваш вопрос, вы можете сделать это , просто добавив ссылку или прослушиватель кликов <td> , например, следующим образом:

your.component.html:

Вариант 1:

 ...
<td><a (click)="navigateToOtherTable(import.id)">{{import.id}}</a></td>
...
 

Вариант 2:

 ...
<td (click)="navigateToOtherTable(import.id)">{{import.id}}</td>
...
 

И в вашем компоненте вам нужно будет добавить функцию:

ваш.компонент.ts

 navigateToOtherTable(id: string) {
    // TODO navigate to your table with the id
}